animate.sass-rails 0.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (85) hide show
  1. data/MIT-LICENSE +20 -0
  2. data/README.md +26 -0
  3. data/Rakefile +26 -0
  4. data/lib/animate.sass-rails.rb +6 -0
  5. data/lib/animate.sass-rails/version.rb +3 -0
  6. data/vendor/assets/stylesheets/_animate.sass +7 -0
  7. data/vendor/assets/stylesheets/animate/_animations.sass +35 -0
  8. data/vendor/assets/stylesheets/animate/_css3.sass +3 -0
  9. data/vendor/assets/stylesheets/animate/_shared.sass +2 -0
  10. data/vendor/assets/stylesheets/animate/_utilities.sass +1 -0
  11. data/vendor/assets/stylesheets/animate/animations/_attention-seekers.sass +7 -0
  12. data/vendor/assets/stylesheets/animate/animations/_bouncing-entrances.sass +5 -0
  13. data/vendor/assets/stylesheets/animate/animations/_bouncing-exits.sass +5 -0
  14. data/vendor/assets/stylesheets/animate/animations/_fading-entrances.sass +12 -0
  15. data/vendor/assets/stylesheets/animate/animations/_fading-exits.sass +12 -0
  16. data/vendor/assets/stylesheets/animate/animations/_flippers.sass +5 -0
  17. data/vendor/assets/stylesheets/animate/animations/_rotating-entrances.sass +5 -0
  18. data/vendor/assets/stylesheets/animate/animations/_rotating-exits.sass +5 -0
  19. data/vendor/assets/stylesheets/animate/animations/_specials.sass +3 -0
  20. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_bounce.sass +42 -0
  21. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_flash.sass +38 -0
  22. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_pulse.sass +36 -0
  23. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_shake.sass +50 -0
  24. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_swing.sass +41 -0
  25. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_tada.sass +50 -0
  26. data/vendor/assets/stylesheets/animate/animations/attention-seekers/_wobble.sass +44 -0
  27. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceIn.sass +38 -0
  28. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInDown.sass +38 -0
  29. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInLeft.sass +38 -0
  30. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInRight.sass +38 -0
  31. data/vendor/assets/stylesheets/animate/animations/bouncing-entrances/_bounceInUp.sass +38 -0
  32. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOut.sass +38 -0
  33. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutDown.sass +36 -0
  34. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutLeft.sass +36 -0
  35. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutRight.sass +36 -0
  36. data/vendor/assets/stylesheets/animate/animations/bouncing-exits/_bounceOutUp.sass +36 -0
  37. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeIn.sass +32 -0
  38. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDown.sass +34 -0
  39. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInDownBig.sass +34 -0
  40. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeft.sass +34 -0
  41. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInLeftBig.sass +34 -0
  42. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRight.sass +34 -0
  43. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInRightBig.sass +34 -0
  44. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUp.sass +34 -0
  45. data/vendor/assets/stylesheets/animate/animations/fading-entrances/_fadeInUpBig.sass +34 -0
  46. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOut.sass +32 -0
  47. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDown.sass +34 -0
  48. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutDownBig.sass +34 -0
  49. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeft.sass +34 -0
  50. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutLeftBig.sass +34 -0
  51. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRight.sass +34 -0
  52. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutRightBig.sass +34 -0
  53. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUp.sass +34 -0
  54. data/vendor/assets/stylesheets/animate/animations/fading-exits/_fadeOutUpBig.sass +34 -0
  55. data/vendor/assets/stylesheets/animate/animations/flippers/_flip.sass +44 -0
  56. data/vendor/assets/stylesheets/animate/animations/flippers/_flipInX.sass +39 -0
  57. data/vendor/assets/stylesheets/animate/animations/flippers/_flipInY.sass +39 -0
  58. data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutX.sass +35 -0
  59. data/vendor/assets/stylesheets/animate/animations/flippers/_flipOutY.sass +35 -0
  60. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateIn.sass +36 -0
  61. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownLeft.sass +36 -0
  62. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInDownRight.sass +36 -0
  63. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpLeft.sass +36 -0
  64. data/vendor/assets/stylesheets/animate/animations/rotating-entrances/_rotateInUpRight.sass +36 -0
  65. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOut.sass +36 -0
  66. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownLeft.sass +36 -0
  67. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutDownRight.sass +36 -0
  68. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpLeft.sass +36 -0
  69. data/vendor/assets/stylesheets/animate/animations/rotating-exits/_rotateOutUpRight.sass +36 -0
  70. data/vendor/assets/stylesheets/animate/animations/specials/_hinge.sass +48 -0
  71. data/vendor/assets/stylesheets/animate/animations/specials/_rollIn.sass +36 -0
  72. data/vendor/assets/stylesheets/animate/animations/specials/_rollOut.sass +36 -0
  73. data/vendor/assets/stylesheets/animate/css3/_animation.sass +49 -0
  74. data/vendor/assets/stylesheets/animate/css3/_backface-visibility.sass +8 -0
  75. data/vendor/assets/stylesheets/animate/css3/_transform.sass +19 -0
  76. data/vendor/assets/stylesheets/animate/css3/animation/_animation-delay.sass +10 -0
  77. data/vendor/assets/stylesheets/animate/css3/animation/_animation-direction.sass +10 -0
  78. data/vendor/assets/stylesheets/animate/css3/animation/_animation-duration.sass +10 -0
  79. data/vendor/assets/stylesheets/animate/css3/animation/_animation-fill-mode.sass +10 -0
  80. data/vendor/assets/stylesheets/animate/css3/animation/_animation-iteration-count.sass +10 -0
  81. data/vendor/assets/stylesheets/animate/css3/animation/_animation-name.sass +10 -0
  82. data/vendor/assets/stylesheets/animate/css3/animation/_animation-play-state.sass +10 -0
  83. data/vendor/assets/stylesheets/animate/css3/animation/_animation-timing-function.sass +10 -0
  84. data/vendor/assets/stylesheets/animate/utilities/_mixins.sass +7 -0
  85. 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)