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:
codice:
{
  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.