20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: 50% 0%;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes swing {
20% {
-moz-transform-origin: 50% 0%;
-moz-transform: rotate(15deg);
}
40% {
-moz-transform-origin: 50% 0%;
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform-origin: 50% 0%;
-moz-transform: rotate(5deg);
}
80% {
-moz-transform-origin: 50% 0%;
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform-origin: 50% 0%;
-moz-transform: rotate(0deg);
}
}
@-ms-keyframes swing {
20% {
-ms-transform-origin: 50% 0%;
-ms-transform: rotate(15deg);
}
40% {
-ms-transform-origin: 50% 0%;
-ms-transform: rotate(-10deg);
}
60% {
-ms-transform-origin: 50% 0%;
-ms-transform: rotate(5deg);
}
80% {
-ms-transform-origin: 50% 0%;
-ms-transform: rotate(-5deg);
}
100% {
-ms-transform-origin: 50% 0%;
-ms-transform: rotate(0deg);
}
}
@-o-keyframes swing {
20% {
-o-transform-origin: 50% 0%;
-o-transform: rotate(15deg);
}
40% {
-o-transform-origin: 50% 0%;
-o-transform: rotate(-10deg);
}
60% {
-o-transform-origin: 50% 0%;
-o-transform: rotate(5deg);
}
80% {
-o-transform-origin: 50% 0%;
-o-transform: rotate(-5deg);
}
100% {
-o-transform-origin: 50% 0%;
-o-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform-origin: 50% 0%;
transform: rotate(15deg);
}
40% {
transform-origin: 50% 0%;
transform: rotate(-10deg);
}
60% {
transform-origin: 50% 0%;
transform: rotate(5deg);
}
80% {
transform-origin: 50% 0%;
transform: rotate(-5deg);
}
100% {
transform-origin: 50% 0%;
transform: rotate(0deg);
}
}