About This Week
This lab focused on timing functions, hover effects, and realistic animation behavior using CSS transitions and keyframes. The exercises explored how timing functions influence motion and how animations can simulate real-world physics such as gravity.
Lab Visuals
Hover Effects
Movement Effects
Ups and Downs
One challenge in this lab was understanding how timing functions affect motion, especially when using cubic-bezier values to simulate gravity. Adjusting the animation direction and iteration settings required testing and refinement. A major success was seeing how small timing adjustments created a more realistic bouncing effect, reinforcing the importance of animation principles.