Skip to content

Instantly share code, notes, and snippets.

@albertzak
Created April 13, 2013 20:35
Show Gist options
  • Save albertzak/5379968 to your computer and use it in GitHub Desktop.
Save albertzak/5379968 to your computer and use it in GitHub Desktop.
// Wiggle wiggle wiggle (!)
// somewhat borrowed(tm) from AirBnB
@-webkit-keyframes wiggle
from
-webkit-transform: rotate(0deg)
to
-webkit-transform: rotate(2deg)
from
-webkit-transform: rotate(2deg)
to
-webkit-transform: rotate(-2deg)
@-moz-keyframes wiggle
from
-moz-transform: rotate(0deg)
to
-moz-transform: rotate(2deg)
from
-moz-transform: rotate(2deg)
to
-moz-transform: rotate(-2deg)
@-o-keyframes wiggle
from
-o-transform: rotate(0deg)
to
-o-transform: rotate(2deg)
from
-o-transform: rotate(2deg)
to
-o-transform: rotate(-2deg)
.logo:hover
-webkit-animation: wiggle .2s 2 ease-in-out
-moz-animation: wiggle .2s 2 ease-in-out
-o-animation: wiggle .2s 2 ease-in-out
opacity: .85
-ms-filter: "alpha(opacity=85)"
filter: alpha(opacity=85)
.logo:active
opacity: 1
-ms-filter: "alpha(opacity=100)"
filter: alpha(opacity=100)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment