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,44 @@
|
|
1
|
+
// Originally authored by Nick Pettit - https://github.com/nickpettit/glide
|
2
|
+
|
3
|
+
=wobble($prefix)
|
4
|
+
0%
|
5
|
+
+transform(translateX(0%), $prefix)
|
6
|
+
15%
|
7
|
+
+transform(translateX(-25%) rotate(-5deg), $prefix)
|
8
|
+
30%
|
9
|
+
+transform(translateX(20%) rotate(3deg), $prefix)
|
10
|
+
45%
|
11
|
+
+transform(translateX(-15%) rotate(-3deg), $prefix)
|
12
|
+
60%
|
13
|
+
+transform(translateX(10%) rotate(2deg), $prefix)
|
14
|
+
75%
|
15
|
+
+transform(translateX(-5%) rotate(-1deg), $prefix)
|
16
|
+
100%
|
17
|
+
+transform(translateX(0%), $prefix)
|
18
|
+
|
19
|
+
@if $experimental-support-for-webkit
|
20
|
+
@-webkit-keyframes wobble
|
21
|
+
+wobble(webkit)
|
22
|
+
|
23
|
+
@if $experimental-support-for-khtml
|
24
|
+
@-khtml-keyframes wobble
|
25
|
+
+wobble(khtml)
|
26
|
+
|
27
|
+
@if $experimental-support-for-mozilla
|
28
|
+
@-moz-keyframes wobble
|
29
|
+
+wobble(moz)
|
30
|
+
|
31
|
+
@if $experimental-support-for-microsoft
|
32
|
+
@-ms-keyframes wobble
|
33
|
+
+wobble(ms)
|
34
|
+
|
35
|
+
@if $experimental-support-for-opera
|
36
|
+
@-o-keyframes wobble
|
37
|
+
+wobble(o)
|
38
|
+
|
39
|
+
@keyframes wobble
|
40
|
+
+wobble(none)
|
41
|
+
|
42
|
+
|
43
|
+
.wobble
|
44
|
+
+animation-name(wobble)
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=bounceIn($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(scale(0.3), $prefix)
|
5
|
+
50%
|
6
|
+
opacity: 1
|
7
|
+
+transform(scale(1.05), $prefix)
|
8
|
+
70%
|
9
|
+
+transform(scale(0.9), $prefix)
|
10
|
+
100%
|
11
|
+
+transform(scale(1), $prefix)
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes bounceIn
|
15
|
+
+bounceIn(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes bounceIn
|
19
|
+
+bounceIn(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes bounceIn
|
23
|
+
+bounceIn(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes bounceIn
|
27
|
+
+bounceIn(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes bounceIn
|
31
|
+
+bounceIn(o)
|
32
|
+
|
33
|
+
@keyframes bounceIn
|
34
|
+
+bounceIn(none)
|
35
|
+
|
36
|
+
|
37
|
+
.bounceIn
|
38
|
+
+animation-name(bounceIn)
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=bounceInDown($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateY(-2000px), $prefix)
|
5
|
+
60%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateY(30px), $prefix)
|
8
|
+
80%
|
9
|
+
+transform(translateY(-10px), $prefix)
|
10
|
+
100%
|
11
|
+
+transform(translateY(0), $prefix)
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes bounceInDown
|
15
|
+
+bounceInDown(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes bounceInDown
|
19
|
+
+bounceInDown(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes bounceInDown
|
23
|
+
+bounceInDown(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes bounceInDown
|
27
|
+
+bounceInDown(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes bounceInDown
|
31
|
+
+bounceInDown(o)
|
32
|
+
|
33
|
+
@keyframes bounceInDown
|
34
|
+
+bounceInDown(none)
|
35
|
+
|
36
|
+
|
37
|
+
.bounceInDown
|
38
|
+
+animation-name(bounceInDown)
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=bounceInLeft($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateX(-2000px), $prefix)
|
5
|
+
60%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateX(30px), $prefix)
|
8
|
+
80%
|
9
|
+
+transform(translateX(-10px), $prefix)
|
10
|
+
100%
|
11
|
+
+transform(translateX(0), $prefix)
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes bounceInLeft
|
15
|
+
+bounceInLeft(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes bounceInLeft
|
19
|
+
+bounceInLeft(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes bounceInLeft
|
23
|
+
+bounceInLeft(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes bounceInLeft
|
27
|
+
+bounceInLeft(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes bounceInLeft
|
31
|
+
+bounceInLeft(o)
|
32
|
+
|
33
|
+
@keyframes bounceInLeft
|
34
|
+
+bounceInLeft(none)
|
35
|
+
|
36
|
+
|
37
|
+
.bounceInLeft
|
38
|
+
+animation-name(bounceInLeft)
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=bounceInRight($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateX(2000px), $prefix)
|
5
|
+
60%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateX(-30px), $prefix)
|
8
|
+
80%
|
9
|
+
+transform(translateX(10px), $prefix)
|
10
|
+
100%
|
11
|
+
+transform(translateX(0), $prefix)
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes bounceInRight
|
15
|
+
+bounceInRight(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes bounceInRight
|
19
|
+
+bounceInRight(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes bounceInRight
|
23
|
+
+bounceInRight(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes bounceInRight
|
27
|
+
+bounceInRight(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes bounceInRight
|
31
|
+
+bounceInRight(o)
|
32
|
+
|
33
|
+
@keyframes bounceInRight
|
34
|
+
+bounceInRight(none)
|
35
|
+
|
36
|
+
|
37
|
+
.bounceInRight
|
38
|
+
+animation-name(bounceInRight)
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=bounceInUp($prefix)
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
+transform(translateY(2000px), $prefix)
|
5
|
+
60%
|
6
|
+
opacity: 1
|
7
|
+
+transform(translateY(-30px), $prefix)
|
8
|
+
80%
|
9
|
+
+transform(translateY(10px), $prefix)
|
10
|
+
100%
|
11
|
+
+transform(translateY(0), $prefix)
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes bounceInUp
|
15
|
+
+bounceInUp(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes bounceInUp
|
19
|
+
+bounceInUp(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes bounceInUp
|
23
|
+
+bounceInUp(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes bounceInUp
|
27
|
+
+bounceInUp(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes bounceInUp
|
31
|
+
+bounceInUp(o)
|
32
|
+
|
33
|
+
@keyframes bounceInUp
|
34
|
+
+bounceInUp(none)
|
35
|
+
|
36
|
+
|
37
|
+
.bounceInUp
|
38
|
+
+animation-name(bounceInUp)
|
@@ -0,0 +1,38 @@
|
|
1
|
+
=bounceOut($prefix)
|
2
|
+
0%
|
3
|
+
+transform(scale(1), $prefix)
|
4
|
+
25%
|
5
|
+
+transform(scale(0.95), $prefix)
|
6
|
+
50%
|
7
|
+
opacity: 1
|
8
|
+
+transform(scale(1.1), $prefix)
|
9
|
+
100%
|
10
|
+
opacity: 0
|
11
|
+
+transform(scale(0.3), $prefix)
|
12
|
+
|
13
|
+
@if $experimental-support-for-webkit
|
14
|
+
@-webkit-keyframes bounceOut
|
15
|
+
+bounceOut(webkit)
|
16
|
+
|
17
|
+
@if $experimental-support-for-khtml
|
18
|
+
@-khtml-keyframes bounceOut
|
19
|
+
+bounceOut(khtml)
|
20
|
+
|
21
|
+
@if $experimental-support-for-mozilla
|
22
|
+
@-moz-keyframes bounceOut
|
23
|
+
+bounceOut(moz)
|
24
|
+
|
25
|
+
@if $experimental-support-for-microsoft
|
26
|
+
@-ms-keyframes bounceOut
|
27
|
+
+bounceOut(ms)
|
28
|
+
|
29
|
+
@if $experimental-support-for-opera
|
30
|
+
@-o-keyframes bounceOut
|
31
|
+
+bounceOut(o)
|
32
|
+
|
33
|
+
@keyframes bounceOut
|
34
|
+
+bounceOut(none)
|
35
|
+
|
36
|
+
|
37
|
+
.bounceOut
|
38
|
+
+animation-name(bounceOut)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=bounceOutDown($prefix)
|
2
|
+
0%
|
3
|
+
+transform(translateY(0), $prefix)
|
4
|
+
20%
|
5
|
+
opacity: 1
|
6
|
+
+transform(translateY(-20px), $prefix)
|
7
|
+
100%
|
8
|
+
opacity: 0
|
9
|
+
+transform(translateY(2000px), $prefix)
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes bounceOutDown
|
13
|
+
+bounceOutDown(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes bounceOutDown
|
17
|
+
+bounceOutDown(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes bounceOutDown
|
21
|
+
+bounceOutDown(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes bounceOutDown
|
25
|
+
+bounceOutDown(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes bounceOutDown
|
29
|
+
+bounceOutDown(o)
|
30
|
+
|
31
|
+
@keyframes bounceOutDown
|
32
|
+
+bounceOutDown(none)
|
33
|
+
|
34
|
+
|
35
|
+
.bounceOutDown
|
36
|
+
+animation-name(bounceOutDown)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=bounceOutLeft($prefix)
|
2
|
+
0%
|
3
|
+
+transform(translateX(0), $prefix)
|
4
|
+
20%
|
5
|
+
opacity: 1
|
6
|
+
+transform(translateX(20px), $prefix)
|
7
|
+
100%
|
8
|
+
opacity: 0
|
9
|
+
+transform(translateX(-2000px), $prefix)
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes bounceOutLeft
|
13
|
+
+bounceOutLeft(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes bounceOutLeft
|
17
|
+
+bounceOutLeft(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes bounceOutLeft
|
21
|
+
+bounceOutLeft(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes bounceOutLeft
|
25
|
+
+bounceOutLeft(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes bounceOutLeft
|
29
|
+
+bounceOutLeft(o)
|
30
|
+
|
31
|
+
@keyframes bounceOutLeft
|
32
|
+
+bounceOutLeft(none)
|
33
|
+
|
34
|
+
|
35
|
+
.bounceOutLeft
|
36
|
+
+animation-name(bounceOutLeft)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=bounceOutRight($prefix)
|
2
|
+
0%
|
3
|
+
+transform(translateX(0), $prefix)
|
4
|
+
20%
|
5
|
+
opacity: 1
|
6
|
+
+transform(translateX(-20px), $prefix)
|
7
|
+
100%
|
8
|
+
opacity: 0
|
9
|
+
+transform(translateX(2000px), $prefix)
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes bounceOutRight
|
13
|
+
+bounceOutRight(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes bounceOutRight
|
17
|
+
+bounceOutRight(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes bounceOutRight
|
21
|
+
+bounceOutRight(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes bounceOutRight
|
25
|
+
+bounceOutRight(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes bounceOutRight
|
29
|
+
+bounceOutRight(o)
|
30
|
+
|
31
|
+
@keyframes bounceOutRight
|
32
|
+
+bounceOutRight(none)
|
33
|
+
|
34
|
+
|
35
|
+
.bounceOutRight
|
36
|
+
+animation-name(bounceOutRight)
|
@@ -0,0 +1,36 @@
|
|
1
|
+
=bounceOutUp($prefix)
|
2
|
+
0%
|
3
|
+
+transform(translateY(0), $prefix)
|
4
|
+
20%
|
5
|
+
opacity: 1
|
6
|
+
+transform(translateY(20px), $prefix)
|
7
|
+
100%
|
8
|
+
opacity: 0
|
9
|
+
+transform(translateY(-2000px), $prefix)
|
10
|
+
|
11
|
+
@if $experimental-support-for-webkit
|
12
|
+
@-webkit-keyframes bounceOutUp
|
13
|
+
+bounceOutUp(webkit)
|
14
|
+
|
15
|
+
@if $experimental-support-for-khtml
|
16
|
+
@-khtml-keyframes bounceOutUp
|
17
|
+
+bounceOutUp(khtml)
|
18
|
+
|
19
|
+
@if $experimental-support-for-mozilla
|
20
|
+
@-moz-keyframes bounceOutUp
|
21
|
+
+bounceOutUp(moz)
|
22
|
+
|
23
|
+
@if $experimental-support-for-microsoft
|
24
|
+
@-ms-keyframes bounceOutUp
|
25
|
+
+bounceOutUp(ms)
|
26
|
+
|
27
|
+
@if $experimental-support-for-opera
|
28
|
+
@-o-keyframes bounceOutUp
|
29
|
+
+bounceOutUp(o)
|
30
|
+
|
31
|
+
@keyframes bounceOutUp
|
32
|
+
+bounceOutUp(none)
|
33
|
+
|
34
|
+
|
35
|
+
.bounceOutUp
|
36
|
+
+animation-name(bounceOutUp)
|
@@ -0,0 +1,32 @@
|
|
1
|
+
=fadeIn
|
2
|
+
0%
|
3
|
+
opacity: 0
|
4
|
+
100%
|
5
|
+
opacity: 1
|
6
|
+
|
7
|
+
@if $experimental-support-for-webkit
|
8
|
+
@-webkit-keyframes fadeIn
|
9
|
+
+fadeIn
|
10
|
+
|
11
|
+
@if $experimental-support-for-khtml
|
12
|
+
@-khtml-keyframes fadeIn
|
13
|
+
+fadeIn
|
14
|
+
|
15
|
+
@if $experimental-support-for-mozilla
|
16
|
+
@-moz-keyframes fadeIn
|
17
|
+
+fadeIn
|
18
|
+
|
19
|
+
@if $experimental-support-for-microsoft
|
20
|
+
@-ms-keyframes fadeIn
|
21
|
+
+fadeIn
|
22
|
+
|
23
|
+
@if $experimental-support-for-opera
|
24
|
+
@-o-keyframes fadeIn
|
25
|
+
+fadeIn
|
26
|
+
|
27
|
+
@keyframes fadeIn
|
28
|
+
+fadeIn
|
29
|
+
|
30
|
+
|
31
|
+
.fadeIn
|
32
|
+
+animation-name(fadeIn)
|