Skip to content

Instantly share code, notes, and snippets.

@ashukasma

ashukasma/Transitions on the display: property

Created June 9, 2016 07:19
Show Gist options
  • Save ashukasma/9c060b5da11a6674b8e0fbaf0500347d to your computer and use it in GitHub Desktop.
Save ashukasma/9c060b5da11a6674b8e0fbaf0500347d to your computer and use it in GitHub Desktop.
Download ZIP
CSS tricks
Raw
Transitions on the display: property
.parent:hover .child {
display: block;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment