30 lines
480 B
CSS
30 lines
480 B
CSS
|
@-webkit-keyframes tada {
|
||
|
|
0% {
|
||
|
|
-webkit-transform: scale(1);
|
||
|
|
}
|
||
|
|
|
||
|
|
10%, 20% {
|
||
|
|
-webkit-transform: scale(0.9) rotate(-3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
30%, 50%, 70%, 90% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
40%, 60%, 80% {
|
||
|
|
-webkit-transform: scale(1.1) rotate(-3deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
100% {
|
||
|
|
-webkit-transform: scale(1) rotate(0);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.tada {
|
||
|
|
-webkit-animation-name: tada;
|
||
|
|
}
|
||
|
|
|
||
|
|
.animated {
|
||
|
|
-webkit-animation-duration: 1s;
|
||
|
|
-webkit-animation-fill-mode: both;
|
||
|
|
}
|