Visualizzazione dei risultati da 1 a 5 su 5

Discussione: durata dopo HOVER

  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,401

    durata dopo HOVER

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

  2. #2
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    11,689
    La butto lì anche se non mi è ben chiara la spiegazione: associ una transizione che dura 3s dall'evento hover.

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,401
    Grazie ma facendo così non fa nulla:
    codice:
    .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

  4. #4
    Moderatore di PHP L'avatar di Alhazred
    Registrato dal
    Oct 2003
    Messaggi
    11,689
    Ok, penso di aver capito cosa vuoi.
    Prova così
    codice:
    .but {
        opacity: 0;
        transition-delay: 3s;
    }
    
    .but:hover {
        opacity: 1.0;
        transition-delay: 0s;
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    Jul 2005
    Messaggi
    2,401
    perfetto grazie

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.