Sha256: 7597c3d07692bea5718ca1ca6f35c26563f8bf82c4cc7501c991ea4b9e817e7f
Contents?: true
Size: 971 Bytes
Versions: 8
Compression:
Stored size: 971 Bytes
Contents
// ---------------------------------------------------------------------------
// imports
@import compass/css3/animation
@import compass/css3/transform
@import compass/css3/opacity
// ---------------------------------------------------------------------------
// windblownIn
=animate-windblownIn($class: $default-animation-class-mode, $keyframes: $default-keyframes-output)
$name: windblownIn
@if $keyframes
+keyframes($name)
$num: 10
@for $frame from 0 through $num
$x: -100% + ($frame * (100% / $num))
$y: 50% - ((($frame / $num) * ($frame / $num)) * 50%)
$z: 400px - ((($frame / $num) * ($frame / $num)) * 400px)
$r: 50deg - ($frame * (50deg / $num))
#{$frame * 80 / $num}%
+transform(translate3d($x, $y, $z) rotate3d(1, -1, 0.3, $r) rotateZ(10deg))
+animation-timing-function(linear)
100%
+transform(translate3d(0,0,0) rotateZ(0deg))
+animation-class($name, $class)
Version data entries
8 entries across 8 versions & 1 rubygems