1234567891011121314151617181920212223242526272829303132 |
- @keyframes tada {
- from {
- transform: scale3d(1, 1, 1);
- }
- 10%,
- 20% {
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
- }
- 30%,
- 50%,
- 70%,
- 90% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
- }
- 40%,
- 60%,
- 80% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
- }
- to {
- transform: scale3d(1, 1, 1);
- }
- }
- .tada {
- animation-name: tada;
- }
|