32 lines
496 B
CSS
32 lines
496 B
CSS
|
.fadedfx {
|
||
|
|
background-color: #fe5652;
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
.fadeIn {
|
||
|
|
animation-name: fadeIn;
|
||
|
|
-webkit-animation-name: fadeIn;
|
||
|
|
animation-duration: 1.5s;
|
||
|
|
-webkit-animation-duration: 1.5s;
|
||
|
|
animation-timing-function: ease-in-out;
|
||
|
|
-webkit-animation-timing-function: ease-in-out;
|
||
|
|
visibility: visible !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
@keyframes fadeIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0.0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@-webkit-keyframes fadeIn {
|
||
|
|
0% {
|
||
|
|
opacity: 0.0;
|
||
|
|
}
|
||
|
|
100% {
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
}
|