mirror of
https://github.com/animate-css/animate.css.git
synced 2024-10-01 07:21:31 +02:00
Added slideOutDown animation
This commit is contained in:
parent
701008f7c7
commit
a1fc850ea2
@ -86,7 +86,8 @@
|
||||
"slideInRight": true,
|
||||
"slideOutLeft": true,
|
||||
"slideOutRight": true,
|
||||
"slideOutUp": true
|
||||
"slideOutUp": true,
|
||||
"slideOutDown": true
|
||||
},
|
||||
|
||||
"specials": {
|
||||
|
38
animate.css
vendored
38
animate.css
vendored
@ -20,6 +20,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.animated.infinite {
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
.animated.hinge {
|
||||
-webkit-animation-duration: 2s;
|
||||
animation-duration: 2s;
|
||||
@ -2630,6 +2635,39 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||
animation-name: slideOutUp;
|
||||
}
|
||||
|
||||
@-webkit-keyframes slideOutDown {
|
||||
0% {
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(2000px);
|
||||
transform: translateY(2000px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes slideOutDown {
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
.slideOutDown {
|
||||
-webkit-animation-name: slideOutDown;
|
||||
animation-name: slideOutDown;
|
||||
}
|
||||
|
||||
@-webkit-keyframes hinge {
|
||||
0% {
|
||||
-webkit-transform: rotate(0);
|
||||
|
2
animate.min.css
vendored
2
animate.min.css
vendored
File diff suppressed because one or more lines are too long
14
source/sliders/slideOutDown.css
Normal file
14
source/sliders/slideOutDown.css
Normal file
@ -0,0 +1,14 @@
|
||||
@keyframes slideOutDown {
|
||||
0% {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 0;
|
||||
transform: translateY(2000px);
|
||||
}
|
||||
}
|
||||
|
||||
.slideOutDown {
|
||||
animation-name: slideOutDown;
|
||||
}
|
Loading…
Reference in New Issue
Block a user