Skip to content

Instantly share code, notes, and snippets.

@mds
Created January 16, 2014 16:50
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 mds/8458510 to your computer and use it in GitHub Desktop.
Save mds/8458510 to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@include keyframe (block-1-animate)
0%
width: 0
16.6%
left: 0
right: auto
width: 100%
33.2%
left: auto
right: 0
width: 0
// Add vendor prefixes to keyframes
@mixin keyframe ($animation-name)
@-webkit-keyframes $animation-name
@content
@-moz-keyframes $animation-name
@content
@-o-keyframes $animation-name
@content
@keyframes $animation-name
@content
// @include animation(block-1-animate, $speed, ease-out, infinite)
@mixin animation ($animation, $duration, $transition, $iteration)
-webkit-animation-name: $animation
-webkit-animation-duration: $duration
-webkit-animation-timing-function: $transition
-webkit-animation-iteration-count: $iteration
-moz-animation-name: $animation
-moz-animation-duration: $duration
-moz-animation-timing-function: $transition
-moz-animation-iteration-count: $iteration
-o-animation-name: $animation
-o-animation-duration: $duration
-o-animation-timing-function: $transition
-o-animation-iteration-count: $iteration
animation-name: $animation
animation-duration: $duration
animation-timing-function: $transition
animation-iteration-count: $iteration
Undefined mixin 'keyframe'.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment