Contents

// ---------------------------------------------------------------------------
// imports

@import "compass/css3/animation";
@import "compass/css3/transform";

// ---------------------------------------------------------------------------
// swing

@mixin animate-swing($class: $default-animation-class-mode) {
  $name: swing;
  @include keyframes($name) {
    20%, 40%, 60%, 80%, 100% {
      @include transform-origin(top, center); 
    }
    20% {
      @include rotate(15deg); 
    }
    40% {
      @include rotate(-10deg); 
    }
    60% {
      @include rotate(5deg); 
    }
    80% {
      @include rotate(-5deg); 
    }
    100% {
      @include rotate(0deg); 
    } 
  }
  @include animation-class($name, $class) {
    @include transform-origin(top, center);
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
animate-0.1.0	stylesheets/animate/attention/_swing.scss