March 17, 2017 02:31 pm GMT
Original Link: https://css-tricks.com/animate-ajaxd-content-natural-height/
Animate in Ajaxd Content to its Natural Height
Let's combine three things we just learned here on CSS-Tricks:
One, transitioning to auto dimensions. Two, Ajaxing for stuff in a modern way. Three, waiting for images to be loaded to measure them.
With all these three things in our toolbox, we can Ajax for some arbitrary content and insert it onto the page with a revealing height animation. Tricky tricky!
Here's the final demo:
See the Pen Slide in Ajax Content by Chris Coyier (@chriscoyier) on …
Animate in Ajax’d Content to its Natural Height is a post from CSS-Tricks
Original Link: https://css-tricks.com/animate-ajaxd-content-natural-height/
Share this article:
Tweet
View Full Article