mirror of
https://github.com/animate-css/animate.css.git
synced 2024-10-01 07:21:31 +02:00
Add transform-origin to correct swing
This commit is contained in:
parent
cdca2d0f63
commit
0ce4a4066f
@ -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;
|
||||
|
Loading…
Reference in New Issue
Block a user