Skip to content

Instantly share code, notes, and snippets.

@darktef

darktef/animate_display.css

Created February 19, 2017 02:00
Show Gist options
  • Save darktef/b77b48c873d739579dad56650c6f307e to your computer and use it in GitHub Desktop.
Save darktef/b77b48c873d739579dad56650c6f307e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
animate_display.css
/* ref: http://stackoverflow.com/questions/3331353/transitions-on-the-display-property */
div > ul {
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
div:hover > ul {
visibility: visible;
opacity: 1;
}
/* more readings: http://www.greywyvern.com/?post=337 */
/* more readings: https://www.impressivewebs.com/animate-display-block-none/ */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment