Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
Pure CSS slidedown / slideup animation using transform translateY
.slide-up, .slide-down {
.slide-up > div, .slide-down > div {
transform: translateY(-100%);
transition: .4s ease-in-out;
.slide-down > div {
transform: translateY(0);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.