62 lines
1.1 KiB
CSS
62 lines
1.1 KiB
CSS
|
/* -WEBKIT */
|
||
|
@-webkit-keyframes shake{
|
||
|
0%{
|
||
|
transform: rotate(0deg);
|
||
|
-moz-transform: rotate(0deg);
|
||
|
-webkit-transform: rotate(0deg);
|
||
|
-ms-transform: rotate(0deg);
|
||
|
-o-transform: rotate(0deg);
|
||
|
}
|
||
|
|
||
|
100%{
|
||
|
transform: rotate(20deg);
|
||
|
-moz-transform: rotate(20deg);
|
||
|
-webkit-transform: rotate(20deg);
|
||
|
-ms-transform: rotate(20deg);
|
||
|
-o-transform: rotate(20deg);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* -MOZ */
|
||
|
@-moz-keyframes shake{
|
||
|
0%{
|
||
|
transform: rotate(0deg);
|
||
|
-moz-transform: rotate(0deg);
|
||
|
-webkit-transform: rotate(0deg);
|
||
|
-ms-transform: rotate(0deg);
|
||
|
-o-transform: rotate(0deg);
|
||
|
}
|
||
|
|
||
|
|
||
|
100%{
|
||
|
transform: rotate(20deg);
|
||
|
-moz-transform: rotate(20deg);
|
||
|
-webkit-transform: rotate(20deg);
|
||
|
-ms-transform: rotate(20deg);
|
||
|
-o-transform: rotate(20deg);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/* DEFAULT */
|
||
|
@keyframes shake{
|
||
|
0%{
|
||
|
transform: rotate(0deg);
|
||
|
-moz-transform: rotate(0deg);
|
||
|
-webkit-transform: rotate(0deg);
|
||
|
-ms-transform: rotate(0deg);
|
||
|
-o-transform: rotate(0deg);
|
||
|
}
|
||
|
|
||
|
|
||
|
100%{
|
||
|
transform: rotate(20deg);
|
||
|
-moz-transform: rotate(20deg);
|
||
|
-webkit-transform: rotate(20deg);
|
||
|
-ms-transform: rotate(20deg);
|
||
|
-o-transform: rotate(20deg);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|