Skip to content

Instantly share code, notes, and snippets.

@yukoss
Created December 12, 2017 14:46
Show Gist options
  • Save yukoss/c721b86d0249fe683c4149ab09e00988 to your computer and use it in GitHub Desktop.
Save yukoss/c721b86d0249fe683c4149ab09e00988 to your computer and use it in GitHub Desktop.
Animate 💩
@media (min-width 1280px)
.fadeIn
animation-name fadeIn
animation-duration .3s
animation-timing-function linear
.fadeOut
animation-name fadeOut
animation-duration .3s
animation-timing-function linear
@keyframes fadeIn
from
transform translateY(-10px)
opacity 0
to
transform translateY(0)
opacity 1
@keyframes fadeOut
from
transform translateY(0)
opacity 1
to
transform translateY(-10px)
opacity 0
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment