Errore nell'utilizzo della keyword transition

[KillerWorm]

Ciao, prova ad applicare il transition alla classe "intro".

In parole semplici, la transizione viene eseguita a partire dalla situazione in cui questa è definita. Se la situazione di partenza vede opacity:0, questa proprietà è applicata istantaneamente, così come è applicata la "definizione" della transizione. Perché questa transizione avvenga, dovrà in seguito mutare qualche valore, ad esempio opacity:1.

In pratica, nel tuo caso la definizione della transizione devi applicarla nella classe dove hai opacity:1, in modo che, cambiando classe dove viene trovato opacity:0, la transizione sia eseguita dal valore 1 al valore 0.

Fai sapere.

[NoNameoN]

Ciao, prova ad applicare il transition alla classe "intro".

In parole semplici, la transizione viene eseguita a partire dalla situazione in cui questa è definita. Se la situazione di partenza vede opacity:0, questa proprietà è applicata istantaneamente, così come è applicata la "definizione" della transizione. Perché questa transizione avvenga, dovrà in seguito mutare qualche valore, ad esempio opacity:1.

In pratica, nel tuo caso la definizione della transizione devi applicarla nella classe dove hai opacity:1, in modo che, cambiando classe dove viene trovato opacity:0, la transizione sia eseguita dal valore 1 al valore 0.

Fai sapere.

Ho risolto ponendo tutte le caratteristiche su splash e quindi anche su splash.display-none.
Poi ho messo la scomparsa su splash e non più su intro e nel file css ho aggiunto

.intro{
line-height: 90vh;
}