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

Add transform-origin to correct swing

This commit is contained in:
Dan Eden 2011-10-21 12:46:27 +02:00
parent cdca2d0f63
commit 0ce4a4066f
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
source/swing.css
View File

@ -8,7 +8,6 @@
}
@-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); }
@ -17,7 +16,6 @@
}
@-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); }
@ -26,7 +24,6 @@
}
@-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); }
@ -35,7 +32,6 @@
}
@keyframes swing {
20%, 40%, 60%, 80%, 100% { transform-origin: top center; }
20% { transform: rotate(15deg); }
40% { transform: rotate(-10deg); }
60% { transform: rotate(5deg); }
@ -44,6 +40,11 @@
}
.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;