FLIP Your Animations

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean joining forces with CSS-Tricks! Special welcome offer: get $100 of free credit.

First, Last, Invert, Play.

Paul Lewis demonstrates a performant way to approach animations. It’s the opposite of how you normally think of them. In this approach, the state you first see elements in is the the result of manipulation from the elements final state. Then you remove all the transforms (et al.) to trigger the animation.

Direct Link →