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 7 - Background Animation

Create a background that changes color using keyframes.

Create a full-screen div that acts as a background.
Use keyframes to animate the background color through multiple colors.
Style the div with Tailwind CSS to ensure it covers the screen.