2019-04-02 19:54:29 +02:00
|
|
|
.default-animation {
|
|
|
|
transition: all 0.5s ease;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Pulse Animation
|
|
|
|
.pulse {
|
2019-07-13 17:08:11 +02:00
|
|
|
-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); }
|
2019-04-02 19:54:29 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
@keyframes pulse_animation {
|
2019-07-13 17:08:11 +02:00
|
|
|
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); }
|
2019-04-02 19:54:29 +02:00
|
|
|
}
|