Add Slide animations to main and minified css files
This commit is contained in:
parent
f0461189bf
commit
23ba4fe9c1
306
animate.css
vendored
306
animate.css
vendored
|
@ -1640,6 +1640,312 @@ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-o-transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideInDown {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInDown {
|
||||||
|
-webkit-animation-name: slideInDown;
|
||||||
|
-moz-animation-name: slideInDown;
|
||||||
|
-o-animation-name: slideInDown;
|
||||||
|
animation-name: slideInDown;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideInLeft {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideInLeft {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideInLeft {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-o-transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideInLeft {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInLeft {
|
||||||
|
-webkit-animation-name: slideInLeft;
|
||||||
|
-moz-animation-name: slideInLeft;
|
||||||
|
-o-animation-name: slideInLeft;
|
||||||
|
animation-name: slideInLeft;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
-o-transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideInRight {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideInRight {
|
||||||
|
-webkit-animation-name: slideInRight;
|
||||||
|
-moz-animation-name: slideInRight;
|
||||||
|
-o-animation-name: slideInRight;
|
||||||
|
animation-name: slideInRight;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideOutLeft {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideOutLeft {
|
||||||
|
0% {
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideOutLeft {
|
||||||
|
0% {
|
||||||
|
-o-transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideOutLeft {
|
||||||
|
0% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutLeft {
|
||||||
|
-webkit-animation-name: slideOutLeft;
|
||||||
|
-moz-animation-name: slideOutLeft;
|
||||||
|
-o-animation-name: slideOutLeft;
|
||||||
|
animation-name: slideOutLeft;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideOutRight {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideOutRight {
|
||||||
|
0% {
|
||||||
|
-moz-transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideOutRight {
|
||||||
|
0% {
|
||||||
|
-o-transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideOutRight {
|
||||||
|
0% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutRight {
|
||||||
|
-webkit-animation-name: slideOutRight;
|
||||||
|
-moz-animation-name: slideOutRight;
|
||||||
|
-o-animation-name: slideOutRight;
|
||||||
|
animation-name: slideOutRight;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes slideOutUp {
|
||||||
|
0% {
|
||||||
|
-webkit-transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-webkit-transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-moz-keyframes slideOutUp {
|
||||||
|
0% {
|
||||||
|
-moz-transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-moz-transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@-o-keyframes slideOutUp {
|
||||||
|
0% {
|
||||||
|
-o-transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
-o-transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes slideOutUp {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateY(-2000px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.slideOutUp {
|
||||||
|
-webkit-animation-name: slideOutUp;
|
||||||
|
-moz-animation-name: slideOutUp;
|
||||||
|
-o-animation-name: slideOutUp;
|
||||||
|
animation-name: slideOutUp;
|
||||||
|
}
|
||||||
|
|
||||||
.animated.bounceIn {
|
.animated.bounceIn {
|
||||||
-webkit-animation-name: bounceIn;
|
-webkit-animation-name: bounceIn;
|
||||||
-moz-animation-name: bounceIn;
|
-moz-animation-name: bounceIn;
|
||||||
|
|
2
animate.min.css
vendored
2
animate.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -1,5 +1,5 @@
|
||||||
{
|
{
|
||||||
"name": "animate.css",
|
"name": "animate.css",
|
||||||
"version": "2.0.0",
|
"version": "2.1.0",
|
||||||
"main": "./animate.css"
|
"main": "./animate.css"
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue