Skip to content

Instantly share code, notes, and snippets.

@lnked
Created Jul 28, 2021
Embed
What would you like to do?
.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