Sha256: 90e84be639a22a5d644336a8efc70ecb9a655754d319ef449c858a3bae586af4
Contents?: true
Size: 1003 Bytes
Versions: 9
Compression:
Stored size: 1003 Bytes
Contents
// ---------------------------------------------------------------------------
// imports
@import "compass/css3/animation";
@import "compass/css3/transform";
// ---------------------------------------------------------------------------
// wobble
@mixin animate-wobble(
$class : $default-animation-class-mode,
$keyframes : $default-keyframes-output
) {
$name: wobble;
@if $keyframes {
@include keyframes($name) {
0% {
@include translateX(0%);
}
15% {
@include transform(translateX(-25%) rotate(-5deg));
}
30% {
@include transform(translateX(20%) rotate(3deg));
}
45% {
@include transform(translateX(-15%) rotate(-3deg));
}
60% {
@include transform(translateX(10%) rotate(2deg));
}
75% {
@include transform(translateX(-5%) rotate(-1deg));
}
100% {
@include transform(translateX(0%));
}
}
}
@include animation-class($name, $class) {}
}
Version data entries
9 entries across 9 versions & 2 rubygems