Skip to content

Instantly share code, notes, and snippets.

@Origame
Created June 29, 2018 14:49
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 Origame/bae8547c345f98d44ef3ff5eecbb8e5a to your computer and use it in GitHub Desktop.
Save Origame/bae8547c345f98d44ef3ff5eecbb8e5a to your computer and use it in GitHub Desktop.
SCSS - Visibility transition mixin
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
visibility: visible;
opacity: 1;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
visibility: visible;
}
99% {
visibility: visible;
opacity: 0;
}
100% {
visibility: hidden;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment