2020-05-15 17:52:59 +02:00
|
|
|
.slide-fade-enter-active {
|
2020-07-24 13:26:56 +02:00
|
|
|
transition: all 0.3s ease;
|
|
|
|
}
|
2020-07-31 18:16:28 +02:00
|
|
|
|
2020-07-24 13:26:56 +02:00
|
|
|
.slide-fade-leave-active {
|
|
|
|
transition: all 0.3s cubic-bezier(1, 0.5, 0.8, 1);
|
|
|
|
}
|
2020-07-31 18:16:28 +02:00
|
|
|
|
2020-07-24 13:26:56 +02:00
|
|
|
.slide-fade-enter,
|
|
|
|
.slide-fade-leave-to {
|
|
|
|
transform: translateX(10px);
|
|
|
|
opacity: 0;
|
|
|
|
}
|
2020-08-04 17:54:19 +02:00
|
|
|
|
|
|
|
.fade-enter-active,
|
|
|
|
.fade-leave-active {
|
|
|
|
transition: opacity 0.5s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.fade-enter,
|
|
|
|
.fade-leave-to {
|
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.jump-down-enter-active {
|
|
|
|
animation: jump-down-in 0.2s;
|
|
|
|
}
|
|
|
|
|
|
|
|
.jump-down-leave-active {
|
|
|
|
animation: jump-down-in 0.2s reverse;
|
|
|
|
}
|
|
|
|
|
2021-04-22 14:24:34 +02:00
|
|
|
.pulse {
|
|
|
|
animation-name: pulse;
|
|
|
|
animation-duration: 2s;
|
|
|
|
animation-iteration-count: infinite;
|
|
|
|
}
|
|
|
|
|
2020-08-04 17:54:19 +02:00
|
|
|
@keyframes jump-down-in {
|
|
|
|
0% {
|
|
|
|
transform: scale(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
transform: scale(1);
|
|
|
|
}
|
|
|
|
}
|
2021-04-21 16:41:42 +02:00
|
|
|
|
2021-04-22 14:24:34 +02:00
|
|
|
@keyframes pulse {
|
2021-04-21 16:41:42 +02:00
|
|
|
0% {
|
2021-04-22 14:24:34 +02:00
|
|
|
opacity: 0;
|
2021-04-21 16:41:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
2021-04-22 14:24:34 +02:00
|
|
|
opacity: 1;
|
2021-04-21 16:41:42 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
2021-04-22 14:24:34 +02:00
|
|
|
opacity: 0;
|
2021-04-21 16:41:42 +02:00
|
|
|
}
|
|
|
|
}
|