26 lines
347 B
CSS
26 lines
347 B
CSS
.fade-in {
|
|
animation: fadeInAnimation 0.5s ease-in forwards;
|
|
}
|
|
|
|
.fade-out {
|
|
animation: fadeOutAnimation 0.5s ease-out forwards;
|
|
}
|
|
|
|
@keyframes fadeInAnimation {
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes fadeOutAnimation {
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
}
|