animate.sass-rails 0.0.1
Sign up to get free protection for your applications and to get access to all the features.
- data/MIT-LICENSE +20 -0
- data/README.md +26 -0
- data/Rakefile +26 -0
- data/lib/animate.sass-rails.rb +6 -0
- data/lib/animate.sass-rails/version.rb +3 -0
- data/vendor/assets/stylesheets/_animate.sass +7 -0
- data/vendor/assets/stylesheets/animate/_animations.sass +35 -0
- data/vendor/assets/stylesheets/animate/_css3.sass +3 -0
- data/vendor/assets/stylesheets/animate/_shared.sass +2 -0
- data/vendor/assets/stylesheets/animate/_utilities.sass +1 -0
- data/vendor/assets/stylesheets/animate/animations/_attention-seekers.sass +7 -0
- data/vendor/assets/stylesheets/animate/animations/_bouncing-entrances.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_bouncing-exits.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_fading-entrances.sass +12 -0
- data/vendor/assets/stylesheets/animate/animations/_fading-exits.sass +12 -0
- data/vendor/assets/stylesheets/animate/animations/_flippers.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_rotating-entrances.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_rotating-exits.sass +5 -0
- data/vendor/assets/stylesheets/animate/animations/_specials.sass +3 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_bounce.sass +42 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_flash.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_pulse.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_shake.sass +50 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_swing.sass +41 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_tada.sass +50 -0
- data/vendor/assets/stylesheets/animate/animations/attention-seekers/_wobble.sass +44 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceIn.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInDown.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInLeft.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInRight.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInUp.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOut.sass +38 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutDown.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutUp.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeIn.sass +32 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDown.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDownBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeft.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeftBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRight.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRightBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUp.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUpBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOut.sass +32 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDown.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDownBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeft.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeftBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRight.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRightBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUp.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUpBig.sass +34 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flip.sass +44 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipInX.sass +39 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipInY.sass +39 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutX.sass +35 -0
- data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutY.sass +35 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateIn.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOut.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpLeft.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpRight.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/specials/_hinge.sass +48 -0
- data/vendor/assets/stylesheets/animate/animations/specials/_rollIn.sass +36 -0
- data/vendor/assets/stylesheets/animate/animations/specials/_rollOut.sass +36 -0
- data/vendor/assets/stylesheets/animate/css3/_animation.sass +49 -0
- data/vendor/assets/stylesheets/animate/css3/_backface-visibility.sass +8 -0
- data/vendor/assets/stylesheets/animate/css3/_transform.sass +19 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-delay.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-direction.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-duration.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-fill-mode.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-iteration-count.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-name.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-play-state.sass +10 -0
- data/vendor/assets/stylesheets/animate/css3/animation/_animation-timing-function.sass +10 -0
- data/vendor/assets/stylesheets/animate/utilities/_mixins.sass +7 -0
- metadata +146 -0
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutRight($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateX(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateX(20px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutRight
|
11
|
+
+fadeOutRight(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutRight
|
15
|
+
+fadeOutRight(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutRight
|
19
|
+
+fadeOutRight(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutRight
|
23
|
+
+fadeOutRight(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutRight
|
27
|
+
+fadeOutRight(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutRight
|
30
|
+
+fadeOutRight(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutRight
|
34
|
+
+animation-name(fadeOutRight)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutRightBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateX(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateX(2000px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutRightBig
|
11
|
+
+fadeOutRightBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutRightBig
|
15
|
+
+fadeOutRightBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutRightBig
|
19
|
+
+fadeOutRightBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutRightBig
|
23
|
+
+fadeOutRightBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutRightBig
|
27
|
+
+fadeOutRightBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutRightBig
|
30
|
+
+fadeOutRightBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutRightBig
|
34
|
+
+animation-name(fadeOutRightBig)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutUp($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateY(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateY(-20px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutUp
|
11
|
+
+fadeOutUp(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutUp
|
15
|
+
+fadeOutUp(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutUp
|
19
|
+
+fadeOutUp(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutUp
|
23
|
+
+fadeOutUp(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutUp
|
27
|
+
+fadeOutUp(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutUp
|
30
|
+
+fadeOutUp(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutUp
|
34
|
+
+animation-name(fadeOutUp)
|
@@ -0,0 +1,34 @@
|
|
1
|
+
=fadeOutUpBig($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 1
|
4
|
+
+transform(translateY(0), $prefix)
|
5
|
+
100%
|
6
|
+
opacity: 0
|
7
|
+
+transform(translateY(-2000px), $prefix)
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes fadeOutUpBig
|
11
|
+
+fadeOutUpBig(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes fadeOutUpBig
|
15
|
+
+fadeOutUpBig(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes fadeOutUpBig
|
19
|
+
+fadeOutUpBig(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes fadeOutUpBig
|
23
|
+
+fadeOutUpBig(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes fadeOutUpBig
|
27
|
+
+fadeOutUpBig(o)
|
28
|
+
|
29
|
+
@keyframes fadeOutUpBig
|
30
|
+
+fadeOutUpBig(none)
|
31
|
+
|
32
|
+
|
33
|
+
.fadeOutUpBig
|
34
|
+
+animation-name(fadeOutUpBig)
|
@@ -0,0 +1,44 @@
|
|
1
|
+
=flip($prefix)
|
2
|
+
0%
|
3
|
+
+transform(perspective(400px) rotateY(0), $prefix)
|
4
|
+
+animation-timing-function(ease-out, $prefix: $prefix)
|
5
|
+
40%
|
6
|
+
+transform(perspective(400px) translateZ(150px) rotateY(170deg), $prefix)
|
7
|
+
+animation-timing-function(ease-out, $prefix: $prefix)
|
8
|
+
50%
|
9
|
+
+transform(perspective(400px) translateZ(150px) rotateY(190deg) scale(1), $prefix)
|
10
|
+
+animation-timing-function(ease-in, $prefix: $prefix)
|
11
|
+
80%
|
12
|
+
+transform(perspective(400px) rotateY(360deg) scale(0.95), $prefix)
|
13
|
+
+animation-timing-function(ease-in, $prefix: $prefix)
|
14
|
+
100%
|
15
|
+
+transform(perspective(400px) scale(1), $prefix)
|
16
|
+
+animation-timing-function(ease-in, $prefix: $prefix)
|
17
|
+
|
18
|
+
@if $experimental-support-for-webkit
|
19
|
+
@-webkit-keyframes flip
|
20
|
+
+flip(webkit)
|
21
|
+
|
22
|
+
@if $experimental-support-for-khtml
|
23
|
+
@-khtml-keyframes flip
|
24
|
+
+flip(khtml)
|
25
|
+
|
26
|
+
@if $experimental-support-for-mozilla
|
27
|
+
@-moz-keyframes flip
|
28
|
+
+flip(moz)
|
29
|
+
|
30
|
+
@if $experimental-support-for-microsoft
|
31
|
+
@-ms-keyframes flip
|
32
|
+
+flip(ms)
|
33
|
+
|
34
|
+
@if $experimental-support-for-opera
|
35
|
+
@-o-keyframes flip
|
36
|
+
+flip(o)
|
37
|
+
|
38
|
+
@keyframes flip
|
39
|
+
+flip(none)
|
40
|
+
|
41
|
+
|
42
|
+
.flip
|
43
|
+
+animation-name(flip)
|
44
|
+
+backface-visibility(visible !important)
|
@@ -0,0 +1,39 @@
|
|
1
|
+
=flipInX($prefix)
|
2
|
+
0%
|
3
|
+
+transform(perspective(400px) rotateX(90deg), $prefix)
|
4
|
+
opacity: 0
|
5
|
+
40%
|
6
|
+
+transform(perspective(400px) rotateX(-10deg), $prefix)
|
7
|
+
70%
|
8
|
+
+transform(perspective(400px) rotateX(10deg), $prefix)
|
9
|
+
100%
|
10
|
+
+transform(perspective(400px) rotateX(0deg), $prefix)
|
11
|
+
opacity: 1
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes flipInX
|
15
|
+
+flipInX(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes flipInX
|
19
|
+
+flipInX(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes flipInX
|
23
|
+
+flipInX(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes flipInX
|
27
|
+
+flipInX(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes flipInX
|
31
|
+
+flipInX(o)
|
32
|
+
|
33
|
+
@keyframes flipInX
|
34
|
+
+flipInX(none)
|
35
|
+
|
36
|
+
|
37
|
+
.flipInX
|
38
|
+
+animation-name(flipInX)
|
39
|
+
+backface-visibility(visible !important)
|
@@ -0,0 +1,39 @@
|
|
1
|
+
=flipInY($prefix)
|
2
|
+
0%
|
3
|
+
+transform(perspective(400px) rotateY(90deg), $prefix)
|
4
|
+
opacity: 0
|
5
|
+
40%
|
6
|
+
+transform(perspective(400px) rotateY(-10deg), $prefix)
|
7
|
+
70%
|
8
|
+
+transform(perspective(400px) rotateY(10deg), $prefix)
|
9
|
+
100%
|
10
|
+
+transform(perspective(400px) rotateY(0deg), $prefix)
|
11
|
+
opacity: 1
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes flipInY
|
15
|
+
+flipInY(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes flipInY
|
19
|
+
+flipInY(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes flipInY
|
23
|
+
+flipInY(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes flipInY
|
27
|
+
+flipInY(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes flipInY
|
31
|
+
+flipInY(o)
|
32
|
+
|
33
|
+
@keyframes flipInY
|
34
|
+
+flipInY(none)
|
35
|
+
|
36
|
+
|
37
|
+
.flipInY
|
38
|
+
+animation-name(flipInY)
|
39
|
+
+backface-visibility(visible !important)
|
@@ -0,0 +1,35 @@
|
|
1
|
+
=flipOutX($prefix)
|
2
|
+
0%
|
3
|
+
+transform(perspective(400px) rotateX(0deg), $prefix)
|
4
|
+
opacity: 1
|
5
|
+
100%
|
6
|
+
+transform(perspective(400px) rotateX(90deg), $prefix)
|
7
|
+
opacity: 0
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes flipOutX
|
11
|
+
+flipOutX(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes flipOutX
|
15
|
+
+flipOutX(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes flipOutX
|
19
|
+
+flipOutX(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes flipOutX
|
23
|
+
+flipOutX(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes flipOutX
|
27
|
+
+flipOutX(o)
|
28
|
+
|
29
|
+
@keyframes flipOutX
|
30
|
+
+flipOutX(none)
|
31
|
+
|
32
|
+
|
33
|
+
.flipOutX
|
34
|
+
+animation-name(flipOutX)
|
35
|
+
+backface-visibility(visible !important)
|
@@ -0,0 +1,35 @@
|
|
1
|
+
=flipOutY($prefix)
|
2
|
+
0%
|
3
|
+
+transform(perspective(400px) rotateY(0deg), $prefix)
|
4
|
+
opacity: 1
|
5
|
+
100%
|
6
|
+
+transform(perspective(400px) rotateY(90deg), $prefix)
|
7
|
+
opacity: 0
|
8
|
+
|
9
|
+
@if $experimental-support-for-webkit
|
10
|
+
@-webkit-keyframes flipOutY
|
11
|
+
+flipOutY(webkit)
|
12
|
+
|
13
|
+
@if $experimental-support-for-khtml
|
14
|
+
@-khtml-keyframes flipOutY
|
15
|
+
+flipOutY(khtml)
|
16
|
+
|
17
|
+
@if $experimental-support-for-mozilla
|
18
|
+
@-moz-keyframes flipOutY
|
19
|
+
+flipOutY(moz)
|
20
|
+
|
21
|
+
@if $experimental-support-for-microsoft
|
22
|
+
@-ms-keyframes flipOutY
|
23
|
+
+flipOutY(ms)
|
24
|
+
|
25
|
+
@if $experimental-support-for-opera
|
26
|
+
@-o-keyframes flipOutY
|
27
|
+
+flipOutY(o)
|
28
|
+
|
29
|
+
@keyframes flipOutY
|
30
|
+
+flipOutY(none)
|
31
|
+
|
32
|
+
|
33
|
+
.flipOutY
|
34
|
+
+animation-name(flipOutY)
|
35
|
+
+backface-visibility(visible !important)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=rotateIn($prefix)
|
2
|
+
0%
|
3
|
+
+transform-origin(center center, $prefix)
|
4
|
+
+transform(rotate(-200deg), $prefix)
|
5
|
+
opacity: 0
|
6
|
+
100%
|
7
|
+
+transform-origin(center center, $prefix)
|
8
|
+
+transform(rotate(0), $prefix)
|
9
|
+
opacity: 1
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes rotateIn
|
13
|
+
+rotateIn(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes rotateIn
|
17
|
+
+rotateIn(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes rotateIn
|
21
|
+
+rotateIn(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes rotateIn
|
25
|
+
+rotateIn(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes rotateIn
|
29
|
+
+rotateIn(o)
|
30
|
+
|
31
|
+
@keyframes rotateIn
|
32
|
+
+rotateIn(none)
|
33
|
+
|
34
|
+
|
35
|
+
.rotateIn
|
36
|
+
+animation-name(rotateIn)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=rotateInDownLeft($prefix)
|
2
|
+
0%
|
3
|
+
+transform-origin(left bottom, $prefix)
|
4
|
+
+transform(rotate(-90deg), $prefix)
|
5
|
+
opacity: 0
|
6
|
+
100%
|
7
|
+
+transform-origin(left bottom, $prefix)
|
8
|
+
+transform(rotate(0), $prefix)
|
9
|
+
opacity: 1
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes rotateInDownLeft
|
13
|
+
+rotateInDownLeft(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes rotateInDownLeft
|
17
|
+
+rotateInDownLeft(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes rotateInDownLeft
|
21
|
+
+rotateInDownLeft(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes rotateInDownLeft
|
25
|
+
+rotateInDownLeft(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes rotateInDownLeft
|
29
|
+
+rotateInDownLeft(o)
|
30
|
+
|
31
|
+
@keyframes rotateInDownLeft
|
32
|
+
+rotateInDownLeft(none)
|
33
|
+
|
34
|
+
|
35
|
+
.rotateInDownLeft
|
36
|
+
+animation-name(rotateInDownLeft)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=rotateInDownRight($prefix)
|
2
|
+
0%
|
3
|
+
+transform-origin(right bottom, $prefix)
|
4
|
+
+transform(rotate(90deg), $prefix)
|
5
|
+
opacity: 0
|
6
|
+
100%
|
7
|
+
+transform-origin(right bottom, $prefix)
|
8
|
+
+transform(rotate(0), $prefix)
|
9
|
+
opacity: 1
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes rotateInDownRight
|
13
|
+
+rotateInDownRight(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes rotateInDownRight
|
17
|
+
+rotateInDownRight(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes rotateInDownRight
|
21
|
+
+rotateInDownRight(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes rotateInDownRight
|
25
|
+
+rotateInDownRight(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes rotateInDownRight
|
29
|
+
+rotateInDownRight(o)
|
30
|
+
|
31
|
+
@keyframes rotateInDownRight
|
32
|
+
+rotateInDownRight(none)
|
33
|
+
|
34
|
+
|
35
|
+
.rotateInDownRight
|
36
|
+
+animation-name(rotateInDownRight)
|