1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798 |
- @keyframes pulse {
- 0% {
- transform: scale(1);
- }
- 14% {
- transform: scale(1.25);
- }
- 28% {
- transform: scale(1);
- }
- 42% {
- transform: scale(1.25);
- }
- 70% {
- transform: scale(1);
- }
- }
- @keyframes tada {
- 0% {
- transform: scale3d(1, 1, 1);
- }
- 10%,
- 5% {
- transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -5deg);
- }
- 15%,
- 25%,
- 35%,
- 45% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
- }
- 20%,
- 30%,
- 40% {
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
- }
- 50% {
- transform: scale3d(1, 1, 1);
- }
- }
- @keyframes rotate-360 {
- from {
- transform: rotate(0deg);
- }
- to {
- transform: rotate(360deg);
- }
- }
- @keyframes blink {
- from {
- opacity: 0;
- }
- 50% {
- opacity: 1;
- }
- to {
- opacity: 0;
- }
- }
- @keyframes shake {
- 0% {
- transform: scaleX(1);
- }
- 20% {
- transform: scale3d(0.9, 0.9, 0.9) rotate(-5deg);
- }
- 50%,
- 70%,
- 90% {
- transform: scale3d(1.25, 1.25, 1.25) rotate(5deg);
- }
- 60%,
- 80% {
- transform: scale3d(1.25, 1.25, 1.25) rotate(-5deg);
- }
- to {
- transform: scaleX(1);
- }
- }
|