|
|
|
.zap-animate-in {
|
|
animation: slide-in 0.5s ease-out;
|
|
}
|
|
|
|
.zap-animate-out {
|
|
animation: fade-out 0.5s ease-out;
|
|
}
|
|
|
|
@keyframes slide-in {
|
|
0% {
|
|
transform: translateY(100%);
|
|
}
|
|
100% {
|
|
transform: translateY(0%)
|
|
}
|
|
}
|
|
|
|
@keyframes fade-out {
|
|
0% {
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
opacity: 0;
|
|
}
|
|
} |