Skip to content

Commit 14d441e

Browse files
committed
Merge pull request animate-css#189 from brutaldesign/master
Added slideInUp animation
2 parents d372431 + a128680 commit 14d441e

File tree

4 files changed

+49
-1
lines changed

4 files changed

+49
-1
lines changed

animate-config.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -87,6 +87,7 @@
8787
"slideOutLeft": true,
8888
"slideOutRight": true,
8989
"slideOutUp": true,
90+
"slideInUp": true,
9091
"slideOutDown": true
9192
},
9293

animate.css

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2635,6 +2635,39 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
26352635
animation-name: slideOutUp;
26362636
}
26372637

2638+
@-webkit-keyframes slideInUp {
2639+
0% {
2640+
-webkit-transform: translateY(2000px);
2641+
transform: translateY(2000px);
2642+
}
2643+
2644+
100% {
2645+
opacity: 0;
2646+
-webkit-transform: translateY(0);
2647+
transform: translateY(0);
2648+
}
2649+
}
2650+
2651+
@keyframes slideInUp {
2652+
0% {
2653+
-webkit-transform: translateY(2000px);
2654+
-ms-transform: translateY(2000px);
2655+
transform: translateY(2000px);
2656+
}
2657+
2658+
100% {
2659+
opacity: 0;
2660+
-webkit-transform: translateY(0);
2661+
-ms-transform: translateY(0);
2662+
transform: translateY(0);
2663+
}
2664+
}
2665+
2666+
.slideInUp {
2667+
-webkit-animation-name: slideInUp;
2668+
animation-name: slideInUp;
2669+
}
2670+
26382671
@-webkit-keyframes slideOutDown {
26392672
0% {
26402673
-webkit-transform: translateY(0);

animate.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

source/sliders/slideInUp.css

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
@keyframes slideInUp {
2+
0% {
3+
transform: translateY(2000px);
4+
}
5+
6+
100% {
7+
opacity: 0;
8+
transform: translateY(0);
9+
}
10+
}
11+
12+
.slideInUp {
13+
animation-name: slideInUp;
14+
}

0 commit comments

Comments
 (0)