Bummer! This is just a preview. You need to be signed in with an account to view the entire instruction.
Well done!
You have completed (UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters!
You have completed (UPI) Chapter 11: How to use CSS transitions, transforms, animations, and filters!
Instruction
Animation Workflow
Start State: The heading starts with a margin-left of 20% and a color of blue.
End State: After 3 seconds, it reaches a margin-left of 60% and a color of red.
Looping: The alternate direction makes the heading return to its start position before moving right again, creating a back-and-forth effect.
To create a slideshow with CSS animations, you can set multiple keyframes in the @keyfram...