Skip to content

Instantly share code, notes, and snippets.

@justinpeterman
Created October 15, 2011 01:59
Show Gist options
  • Save justinpeterman/1288884 to your computer and use it in GitHub Desktop.
Save justinpeterman/1288884 to your computer and use it in GitHub Desktop.
animated button
pre {
background: #efefef;
-webkit-box-shadow: 1px 1px 0 #cfcfcf,
2px 2px 0 #cfcfcf,
3px 3px 0 #cfcfcf,
4px 4px 0 #cfcfcf,
5px 5px 0 #cfcfcf;
-webkit-transition: all 0.1s linear;
padding: 20px;
}
pre:hover {
-webkit-box-shadow: 1px 1px 0 #afafaf,
2px 2px 0 #afafaf,
3px 3px 0 #afafaf,
4px 4px 0 #afafaf,
5px 5px 0 #afafaf,
6px 6px 0 #afafaf,
7px 7px 0 #afafaf,
8px 8px 0 #afafaf,
9px 9px 0 #afafaf,
10px 10px 0 #afafaf;
-webkit-transform: translate3d(-5px,-5px,0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment