Contents

// ---------------------------------------------------------------------------
// wiggle

@mixin animate-wiggle($class: $default-animation-class-mode) {
  $name: wiggle;
  @include keyframes($name) {
    0% {
      @include skewX(9deg); 
    }
    10% {
      @include skewX(-8deg); 
    }
    20% {
      @include skewX(7deg); 
    }
    30% {
      @include skewX(-6deg); 
    }
    40% {
      @include skewX(5deg); 
    }
    50% {
      @include skewX(-4deg); 
    }
    60% {
      @include skewX(3deg); 
    }
    70% {
      @include skewX(-2deg); 
    }
    80% {
      @include skewX(1deg); 
    }
    90% {
      @include skewX(0deg); 
    }
    100% {
      @include skewX(0deg); 
    } 
  }
  @include animation-class($name, $class) {}
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
animate-0.1.alpha.0	stylesheets/animate/attention/_wiggle.scss