Salve, sto avendo un probema con l'effetto di transazione in uscita, con CSS, usando la keyword transition.
Tramite javascript cambio la classe "intro" in "intro.display-none" dove all'interno c'è il seguente codice:
Non riesco a capire perché, nonostante abbia usato transition all 1s, quando viene oscurato si oscura instantaneamente.
Ho provato anche a usare transition-delay e transition-duration ma ovviamente non cambia nulla.
Tramite javascript cambio la classe "intro" in "intro.display-none" dove all'interno c'è il seguente codice:
CSS:
{
position: fixed;
opacity: 0;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: white;
z-index: -10;
color: #CC0000;
text-align: center;
line-height: 90vh;
transition: all 1s;
}
Non riesco a capire perché, nonostante abbia usato transition all 1s, quando viene oscurato si oscura instantaneamente.
Ho provato anche a usare transition-delay e transition-duration ma ovviamente non cambia nulla.