2013-11-12 00:32:40 +01:00
|
|
|
@keyframes tada {
|
2014-02-23 22:56:08 +01:00
|
|
|
0% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
10%, 20% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: scale(0.9) rotate(-3deg);
|
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
30%, 50%, 70%, 90% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: scale(1.1) rotate(3deg);
|
|
|
|
}
|
|
|
|
|
2014-02-23 22:56:08 +01:00
|
|
|
40%, 60%, 80% {
|
2014-02-23 21:39:02 +01:00
|
|
|
transform: scale(1.1) rotate(-3deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
transform: scale(1) rotate(0);
|
|
|
|
}
|
2013-11-12 00:32:40 +01:00
|
|
|
}
|
|
|
|
|
|
|
|
.tada {
|
2014-02-23 22:56:08 +01:00
|
|
|
animation-name: tada;
|
2014-02-23 21:39:02 +01:00
|
|
|
}
|