Added slideInUp animation

This commit is contained in:
Constantin 2014-03-29 14:02:48 +01:00
parent d372431f59
commit 2f77132db5
4 changed files with 49 additions and 1 deletions

View file

@ -87,6 +87,7 @@
"slideOutLeft": true,
"slideOutRight": true,
"slideOutUp": true,
"slideInUp": true,
"slideOutDown": true
},

33
animate.css vendored
View file

@ -2635,6 +2635,39 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);

2
animate.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -0,0 +1,14 @@
@keyframes slideInUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.slideInUp {
animation-name: slideInUp;
}