Sequential Logic

Choreographing time and state. This laboratory explores the structural logic of multi-step animations, layering temporal offsets to sculpt expressive motion beats and story-driven interactions.

Lab 1 - Bouncing Ball

Create a bouncing ball animation using keyframes.

Create a simple circular div to represent a ball.
Use Motion's keyframes to create a bouncing effect.
Style the ball with Tailwind CSS for color and size.