durata dopo HOVER

[djjunior]

Salve
come posso fare per far durare l'HOVER passando con il mouse, per 3 secondi anche dopo non essendoci mouse sopra?
grazie

[Alhazred]

La butto lì anche se non mi è ben chiara la spiegazione: associ una transizione che dura 3s dall'evento hover.

[djjunior]

Grazie ma facendo così non fa nulla:

.but:hover {
opacity: 1.0;
transition: 3s;
  }

In pratica passando con il mouse su una immagine ad opacità 0 con l'hover diventa opacità 1 e vorrei che mantenesse per 2/3 secondo l'opacità 1 anche se ho spostato il mouse dall'immagine

[Alhazred]

Ok, penso di aver capito cosa vuoi.
Prova così

.but {
    opacity: 0;
    transition-delay: 3s;
}

.but:hover {
    opacity: 1.0;
    transition-delay: 0s;
}

[djjunior]

perfetto grazie