2013-11-12 00:32:40 +01:00
|
|
|
@keyframes swing {
|
2014-02-23 22:56:08 +01:00
|
|
|
20% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: rotate(15deg);
|
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
40% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: rotate(-10deg);
|
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
60% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: rotate(5deg);
|
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
80% {
|
|
|
|
transform: rotate(-5deg);
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
100% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: rotate(0deg);
|
|
|
|
}
|
2013-11-12 00:32:40 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.swing {
|
2014-02-23 22:56:08 +01:00
|
|
|
transform-origin: top center;
|
|
|
|
animation-name: swing;
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|