About This Week
This lab focused on creating CSS animations and transitions using keyframes and hover effects. The goal was to practice controlled movement, rotation, timing, and repetition while organizing the page using container elements.
Lab Visuals
Animation Exercises
Transition Exercises (Hover)
Ups and Downs
One of the challenges I faced was controlling movement timing and making sure animations returned smoothly to their original positions. Debugging keyframe sequences helped me better understand how percentages affect motion flow. A positive takeaway was gaining confidence using transforms and transitions, especially when combining rotation and scaling effects.