Merge pull request #185 from iamsteadman/master
Added slideOutDown animation
This commit is contained in:
commit
d372431f59
|
@ -86,7 +86,8 @@
|
||||||
"slideInRight": true,
|
"slideInRight": true,
|
||||||
"slideOutLeft": true,
|
"slideOutLeft": true,
|
||||||
"slideOutRight": true,
|
"slideOutRight": true,
|
||||||
"slideOutUp": true
|
"slideOutUp": true,
|
||||||
|
"slideOutDown": true
|
||||||
},
|
},
|
||||||
|
|
||||||
"specials": {
|
"specials": {
|
||||||
|
|
|
@ -20,6 +20,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
|
||||||
animation-fill-mode: both;
|
animation-fill-mode: both;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.animated.infinite {
|
||||||
|
-webkit-animation-iteration-count: infinite;
|
||||||
|
animation-iteration-count: infinite;
|
||||||
|
}
|
||||||
|
|
||||||
.animated.hinge {
|
.animated.hinge {
|
||||||
-webkit-animation-duration: 2s;
|
-webkit-animation-duration: 2s;
|
||||||
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;
|
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 {
|
@-webkit-keyframes hinge {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: rotate(0);
|
-webkit-transform: rotate(0);
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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