123456789101112131415161718192021222324252627282930313233343536373839 |
- .default-animation {
- transition: all 0.5s ease;
- }
- // Pulse Animation
- .pulse {
- -webkit-animation-name: pulse_animation;
- animation-name: pulse_animation;
- -webkit-animation-duration: 2000ms;
- animation-duration: 2000ms;
- -webkit-transform-origin:70% 70%;
- transform-origin:70% 70%;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- }
- @-webkit-keyframes pulse_animation {
- 0% { -webkit-transform: scale(1); transform: scale(1); }
- 30% { -webkit-transform: scale(1); transform: scale(1); }
- 40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
- 50% { -webkit-transform: scale(1); transform: scale(1); }
- 60% { -webkit-transform: scale(1); transform: scale(1); }
- 70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
- 80% { -webkit-transform: scale(1); transform: scale(1); }
- 100% { -webkit-transform: scale(1); transform: scale(1); }
- }
- @keyframes pulse_animation {
- 0% { -webkit-transform: scale(1); transform: scale(1); }
- 30% { -webkit-transform: scale(1); transform: scale(1); }
- 40% { -webkit-transform: scale(1.08); transform: scale(1.08); }
- 50% { -webkit-transform: scale(1); transform: scale(1); }
- 60% { -webkit-transform: scale(1); transform: scale(1); }
- 70% { -webkit-transform: scale(1.05); transform: scale(1.05); }
- 80% { -webkit-transform: scale(1); transform: scale(1); }
- 100% { -webkit-transform: scale(1); transform: scale(1); }
- }
|