Skip to content

Instantly share code, notes, and snippets.

@sirodoht

sirodoht/bounce-up.css

Created December 19, 2017 17:38
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sirodoht/455768edd29d790eb5fc3c29327ec70e to your computer and use it in GitHub Desktop.
Save sirodoht/455768edd29d790eb5fc3c29327ec70e to your computer and use it in GitHub Desktop.
Download ZIP
Simple bounce up CSS animation
Raw
bounce-up.css
.bounce-up {
animation: bounce-up 3s infinite;
}
@keyframes bounce-up {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment