Clone Project

CSS Hack! Animate Height from 0 to Auto

Created by
Web Bae
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
Description from Webflow:  
In this example we'll explore a unique solution to a common problem with CSS Transitions - animating height from 0 to auto (the natural text flow). Keith J. Grant has a great solution using the grid-template-rows property that we will get set up in a Webflow project using a simple accordion as an example. https://keithjgrant.com/posts/2023/04/transitioning-to-height-auto/
Tags from Webflow: 
css,  transitions,  animation,  accordion
.