web-html5-scripts/cards/horizontal-cards-with-fade-animation/style.css
2020-01-20 21:00:54 +01:00

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;
}
}