Add Slide animations to main and minified css files
This commit is contained in:
Daniel Eden
parent
f0461189bf
commit
23ba4fe9c1
|
|
@ -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 {
|
||||
-webkit-animation-name: bounceIn;
|
||||
-moz-animation-name: bounceIn;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"name": "animate.css",
|
||||
"version": "2.0.0",
|
||||
"version": "2.1.0",
|
||||
"main": "./animate.css"
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue