Sha256: f0cad4162a9484c9e4c1a4ec6d3583667af88fc0214edc5ce7e4be43cd2a23e3
Contents?: true
Size: 970 Bytes
Versions: 9
Compression:
Stored size: 970 Bytes
Contents
// ---------------------------------------------------------------------------
// imports
@import "compass/css3/animation";
@import "compass/css3/transform";
@import "compass/css3/opacity";
// ---------------------------------------------------------------------------
// lightSpeedIn
@mixin animate-lightSpeedIn(
$class : $default-animation-class-mode,
$keyframes : $default-keyframes-output
) {
$name: lightSpeedIn;
@if $keyframes {
@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
9 entries across 9 versions & 2 rubygems