Squash and Stretch
Wobbly MotionJuniper Hale · · 1 min read
The oldest principle in animation is also the easiest to add to your UI. A little squish makes a button feel like it's made of something.
A series
Wobbly Motion
3 parts, in reading order
- 01
- 02
Color Shifting Without the Muddy Middle
Wobbly MotionJuniper Hale · · 1 min readAnimate red to blue and you'll pass through a sad grey. Here's why browsers do that, and how to take the scenic route instead.
- 03
An Interactive Guide to CSS Transitions
Wobbly MotionJuniper Hale · · 2 min readTransitions are the humble workhorse of web animation. Let's poke at timing functions, delays and the little details that make motion feel alive.