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 {
|
@-moz-keyframes swing {
|
||||||
20%, 40%, 60%, 80%, 100% { -moz-transform-origin: top center; }
|
|
||||||
20% { -moz-transform: rotate(15deg); }
|
20% { -moz-transform: rotate(15deg); }
|
||||||
40% { -moz-transform: rotate(-10deg); }
|
40% { -moz-transform: rotate(-10deg); }
|
||||||
60% { -moz-transform: rotate(5deg); }
|
60% { -moz-transform: rotate(5deg); }
|
||||||
@ -17,7 +16,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@-ms-keyframes swing {
|
@-ms-keyframes swing {
|
||||||
20%, 40%, 60%, 80%, 100% { -ms-transform-origin: top center; }
|
|
||||||
20% { -ms-transform: rotate(15deg); }
|
20% { -ms-transform: rotate(15deg); }
|
||||||
40% { -ms-transform: rotate(-10deg); }
|
40% { -ms-transform: rotate(-10deg); }
|
||||||
60% { -ms-transform: rotate(5deg); }
|
60% { -ms-transform: rotate(5deg); }
|
||||||
@ -26,7 +24,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@-o-keyframes swing {
|
@-o-keyframes swing {
|
||||||
20%, 40%, 60%, 80%, 100% { -o-transform-origin: top center; }
|
|
||||||
20% { -o-transform: rotate(15deg); }
|
20% { -o-transform: rotate(15deg); }
|
||||||
40% { -o-transform: rotate(-10deg); }
|
40% { -o-transform: rotate(-10deg); }
|
||||||
60% { -o-transform: rotate(5deg); }
|
60% { -o-transform: rotate(5deg); }
|
||||||
@ -35,7 +32,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@keyframes swing {
|
@keyframes swing {
|
||||||
20%, 40%, 60%, 80%, 100% { transform-origin: top center; }
|
|
||||||
20% { transform: rotate(15deg); }
|
20% { transform: rotate(15deg); }
|
||||||
40% { transform: rotate(-10deg); }
|
40% { transform: rotate(-10deg); }
|
||||||
60% { transform: rotate(5deg); }
|
60% { transform: rotate(5deg); }
|
||||||
@ -44,6 +40,11 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.swing {
|
.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;
|
-webkit-animation-name: swing;
|
||||||
-moz-animation-name: swing;
|
-moz-animation-name: swing;
|
||||||
-ms-animation-name: swing;
|
-ms-animation-name: swing;
|
||||||
|
Loading…
Reference in New Issue
Block a user