Skip to content

Instantly share code, notes, and snippets.

@ichim-david

ichim-david/pure-slidedown-slideup.css

Forked from webarthur/pure-slidedown-slideup.css
Created May 31, 2019 09:01
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ichim-david/7df09466a2138fe46558b61ddd74d87e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ichim-david/7df09466a2138fe46558b61ddd74d87e to your computer and use it in GitHub Desktop.
Download ZIP
Pure CSS slidedown / slideup animation using transform translateY
Raw
pure-slidedown-slideup.css
.slide-up, .slide-down {
overflow:hidden;
}
.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