Sha256: d99477e4d7576f0758cf9a70971d3d4b66ae767894bf95abfe674a4092391bf0
Contents?: true
Size: 1.19 KB
Versions: 9
Compression:
Stored size: 1.19 KB
Contents
// ---------------------------------------------------------------------------
// imports
@import "compass/css3/animation";
// ---------------------------------------------------------------------------
// tada
@mixin animate-tada(
$class : $default-animation-class-mode,
$keyframes : $default-keyframes-output
) {
$name: tada;
@if $keyframes {
@include keyframes($name) {
0% {
@include scale(1); }
10% {
@include transform(scale(0.9) rotate(-3deg));
}
20% {
@include transform(scale(0.9) rotate(-3deg));
}
30% {
@include transform(scale(1.1) rotate(3deg));
}
40% {
@include transform(scale(1.1) rotate(-3deg));
}
50% {
@include transform(scale(1.1) rotate(3deg));
}
60% {
@include transform(scale(1.1) rotate(-3deg));
}
70% {
@include transform(scale(1.1) rotate(3deg));
}
80% {
@include transform(scale(1.1) rotate(-3deg));
}
90% {
@include transform(scale(1.1) rotate(3deg));
}
100% {
@include transform(scale(1) rotate(0));
}
}
}
@include animation-class($name, $class) {}
}
Version data entries
9 entries across 9 versions & 2 rubygems