Building Performant Expand & Collapse Animations

TL;DR Use scale transforms when animating clips. You can prevent the children from being stretched and skewed during the animation by counter-scaling them. Previously we’ve posted updates on how to create performant parallax effects and infinite scrollers. In this post...

We do not write or claim ownership of any of the articles featured on this website. Instead we aim to highlight them so you can read the full article at the original source. To finish reading this article, follow the continue reading link below. CONTINUE READING
Author: CSS-Tricks

CSS-Tricks, a web design community curated by Chris Coyier.

http://css-tricks.com/

Sign up to our newsletter

Don't worry, we won't give your email to any third parties
and you can unsubscribe at any time.