Skip to content

Instantly share code, notes, and snippets.

@luckyshot

luckyshot/gist:5335507

Created April 8, 2013 09:26
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 luckyshot/5335507 to your computer and use it in GitHub Desktop.
Save luckyshot/5335507 to your computer and use it in GitHub Desktop.
Download ZIP
CSS animation/transition
Raw
gistfile1.css
.box {
transition: all 0.2s ease;
animation: down-bump 0.4s ease;
}
.box:hover {
animation: up-bump 0.4s ease;
}
@keyframes up-bump {
0% { padding-top: 2em; }
50% { padding-top: 1.5em; }
100% { padding-top: 2em; }
}
@keyframes down-bump {
0% { padding-top: 2em; }
50% { padding-top: 2.5em; }
100% { padding-top: 2em; }
}
@luckyshot
Copy link
Author

Source: http://codepen.io/chriscoyier/pen/ijaeh

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment