UI Deploy

Curated, Short, Web UI Dev we Love.

CSS Core Animation Skills: Gravity, Squash and Stretch

Previously I’ve talked about using ease-in and ease-out to enhance motion design. Those properties might also be called friction and inertia, both products of gravity.

Gravity is also a mood: heavy, intimidating and ponderous or light, engaging and playful. By recreating those kinds of movements using CSS, we can enliven our site interfaces with engaging motion.

view source

Advertisement