Skip to content

Instantly share code, notes, and snippets.

@sunpietro

sunpietro/fade-in-out.css

Created July 8, 2015 08:19
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save sunpietro/98d26fbc294c38c8ef7c to your computer and use it in GitHub Desktop.
Save sunpietro/98d26fbc294c38c8ef7c to your computer and use it in GitHub Desktop.
Download ZIP
CSS - fade-in/fade-out transition
Raw
fade-in-out.css
.m-fadeOut {
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 300ms, opacity 300ms;
}
.m-fadeIn {
visibility: visible;
opacity: 1;
transition: visibility 0s linear 0s, opacity 300ms;
}
@marquesm91
Copy link

Simple and beautiful!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment