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 3 - Color Change Animation

Create a component that changes color using keyframes.

Create a square div that changes color continously.
Use keyframes to define multiple color of the animation.
Style the square with Tailwind CSS.