Contents

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

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

// ---------------------------------------------------------------------------
// lightSpeedIn

@mixin animate-lightSpeedIn($class: $default-animation-class-mode) {
  $name: lightSpeedIn;
  @include keyframes($name) {
    0% {
      @include transform(translateX(100%) skewX(-30deg));
      @include opacity(0); 
    }
    60% {
      @include transform(translateX(-20%) skewX(30deg));
      @include opacity(1); 
    }
    80% {
      @include transform(translateX(0%) skewX(-15deg));
      @include opacity(1); 
    }
    100% {
      @include transform(translateX(0%) skewX(0deg));
      @include opacity(1); 
    } 
  }
  @include animation-class($name, $class) {}
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
animate-0.1.0	stylesheets/animate/lightSpeed/_lightSpeedIn.scss