Homework

For Animations on the web by @Ganthology

• Motion Div

  Animate a div with scale, y, and rotate properties.

• Show Second Rectangle

  Learn how to use layoutId to animate between two elements.

• Layout ID Tabs

  Create tabs with animated indicators using layoutId.

• Layout Animation

  Magic of using layout props.

• App Store Shared Layout

  More layoutId magic, item transitioned into modal/popup.

• Smooth Button

  Create a smooth button with loading and success states.

• Copy Code Snippet

  Copy code snippet with animation.

• Animating Height

  Animate height of a div from auto to auto. Using family drawer as example.

• Transforms

  Animate transforms with CSS.

• Transitions Yellow Ball

  Animate a yellow ball with CSS.

• Transitions Card Hover

  Animate a card with CSS.

• Transitions Download Arrow

  Animate a download arrow with CSS.

• Transitions Toaster

  Animate a toaster with CSS.