Robot
/
animate.css
mirror of https://github.com/animate-css/animate.css.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update to latest build

This commit is contained in:
Dan Eden 2011-10-21 12:47:42 +02:00
parent 0ce4a4066f
commit 791c7dbfa5
1 changed files with 25 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
animate.css vendored
View File

@ -191,7 +191,6 @@ body { -webkit-transform: translateZ(0); } /* iOS optimization */
}
@-moz-keyframes swing {
20%, 40%, 60%, 80%, 100% { -moz-transform-origin: top center; }
20% { -moz-transform: rotate(15deg); }
40% { -moz-transform: rotate(-10deg); }
60% { -moz-transform: rotate(5deg); }
@ -200,7 +199,6 @@ body { -webkit-transform: translateZ(0); } /* iOS optimization */
}
@-ms-keyframes swing {
20%, 40%, 60%, 80%, 100% { -ms-transform-origin: top center; }
20% { -ms-transform: rotate(15deg); }
40% { -ms-transform: rotate(-10deg); }
60% { -ms-transform: rotate(5deg); }
@ -209,7 +207,6 @@ body { -webkit-transform: translateZ(0); } /* iOS optimization */
}
@-o-keyframes swing {
20%, 40%, 60%, 80%, 100% { -o-transform-origin: top center; }
20% { -o-transform: rotate(15deg); }
40% { -o-transform: rotate(-10deg); }
60% { -o-transform: rotate(5deg); }
@ -218,7 +215,6 @@ body { -webkit-transform: translateZ(0); } /* iOS optimization */
}
@keyframes swing {
20%, 40%, 60%, 80%, 100% { transform-origin: top center; }
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
@ -227,6 +223,11 @@ body { -webkit-transform: translateZ(0); } /* iOS optimization */
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-ms-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-ms-animation-name: swing;
@ -3189,47 +3190,42 @@ body { -webkit-transform: translateZ(0); } /* iOS optimization */
animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0%, 20%, 40%, 60%, 80% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
0% { -webkit-transform: rotate(0); }
20%, 60% { -webkit-transform: rotate(80deg); }
40% { -webkit-transform: rotate(60deg); }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; }
0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateY(700px); opacity: 0; }
}
@-moz-keyframes hinge {
0%, 20%, 40%, 60%, 80% { -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
0% { -moz-transform: rotate(0); }
20%, 60% { -moz-transform: rotate(80deg); }
40% { -moz-transform: rotate(60deg); }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; }
0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateY(700px); opacity: 0; }
}
@-ms-keyframes hinge {
0%, 20%, 40%, 60%, 80% { -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
0% { -ms-transform: rotate(0); }
20%, 60% { -ms-transform: rotate(80deg); }
40% { -ms-transform: rotate(60deg); }
80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; }
0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; }
100% { -ms-transform: translateY(700px); opacity: 0; }
}
@-o-keyframes hinge {
0%, 20%, 40%, 60%, 80% { -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
0% { -o-transform: rotate(0); }
20%, 60% { -o-transform: rotate(80deg); }
40% { -o-transform: rotate(60deg); }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; }
0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateY(700px); opacity: 0; }
}
@keyframes hinge {
0%, 20%, 40%, 60%, 80% { transform-origin: top left; animation-timing-function: ease-in-out; }
0% { transform: rotate(0); }
20%, 60% { transform: rotate(80deg); }
40% { transform: rotate(60deg); }
80% { transform: rotate(60deg) translateY(0); opacity: 1; }
0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; }
20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; }
40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; }
80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; }
100% { transform: translateY(700px); opacity: 0; }
}