Skip to content

Instantly share code, notes, and snippets.

@nickcherry

nickcherry/chained-transitions.scss

Created April 1, 2015 14:08
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 nickcherry/560e22cb8c1a50f8cb78 to your computer and use it in GitHub Desktop.
Save nickcherry/560e22cb8c1a50f8cb78 to your computer and use it in GitHub Desktop.
Download ZIP
Chained Transition
Raw
chained-transitions.scss
@mixin fade-in-out($duration: 0.6s, $ease: ease-out, $delay: 0s) {
opacity: 0;
transition: visibility 0s $ease ($duration + $delay), opacity $duration $ease $delay;
visibility: hidden;
&.visible {
opacity: 1;
transition-delay: 0s;
visibility: visible;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment