Skip to content

Instantly share code, notes, and snippets.

@lnked
Created July 28, 2021 17:14
Show Gist options
  • Save lnked/1b12dcca98d7605c451e80821f85e289 to your computer and use it in GitHub Desktop.
Save lnked/1b12dcca98d7605c451e80821f85e289 to your computer and use it in GitHub Desktop.
.is-animated,
.is-parallaxed {
transition: 1s opacity cubic-bezier(.25,.46,.45,.94), 1s transform cubic-bezier(.25,.46,.45,.94);
& + & {
transition-delay: .1s;
}
& + & + & {
transition-delay: .2s;
}
& + & + & + & {
transition-delay: .3s;
}
& + & + & + & + & {
transition-delay: .4s;
}
& + & + & + & + & + & {
transition-delay: .5s;
}
& + & + & + & + & + & + & {
transition-delay: .6s;
}
& + & + & + & + & + & + & + & {
transition-delay: .7s;
}
& + & + & + & + & + & + & + & + & {
transition-delay: .8s;
}
}
.fade-up {
opacity: 0;
transform: translateY(2rem);
}
.fade-in {
opacity: 0;
transform: translateY(1.6rem);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment