Skip to content

Instantly share code, notes, and snippets.

@rankun203

rankun203/animate-height.css

Created September 26, 2016 15:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rankun203/36a185ac10069791e4edc47d2ad8d7ff to your computer and use it in GitHub Desktop.
Save rankun203/36a185ac10069791e4edc47d2ad8d7ff to your computer and use it in GitHub Desktop.
Download ZIP
Make height animation from height to auto.
Raw
animate-height.css
blockquote:hover {
height: auto;
max-height: 1500px;
overflow: visible;
background: rgba(0, 0, 0, 0.03);
}
blockquote {
max-height: 100px;
overflow: hidden;
cursor: pointer;
transition: max-height 1s;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment