Skip to content

Instantly share code, notes, and snippets.

@mirisuzanne
Created April 24, 2011 16:18
Show Gist options
  • Star 4 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mirisuzanne/939663 to your computer and use it in GitHub Desktop.
Save mirisuzanne/939663 to your computer and use it in GitHub Desktop.
find a new compass animation syntax
// Mixins --------------------------------------------------------------
=keyframes($name)
@-moz-keyframes #{$name}
@children
@-webkit-keyframes #{$name}
@children
@keyframes #{$name}
@chldren
=animation-timing-function($function)
-moz-animation-timing-function: $function
-webkit-animation-timing-function: $function
animation-timing-function: $function
// Application --------------------------------------------------------------
+keyframes('bounce')
from
+animation-timing-function(ease-out)
top: 100px
25%
+animation-timing-function(ease-in)
top: 50px
50%
+animation-timing-function(ease-out)
top: 100px
75%
+animation-timing-function(ease-in)
top: 75px
to
top: 100px
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment