Creare effetto dissolvenza al logo

Snippet & addons per il nostro phpbb 3
Rispondi
Avatar utente
Dr.House
Amministratore
Amministratore
Messaggi: 2173
Iscritto il: 08/01/2012, 8:24
Link del Forum: www.phpbb-italia.it
Località: Reggio Calabria
Contatta:

Creare effetto dissolvenza al logo

Messaggio da Dr.House »

Autore:stoker

Questa modifica crea un effetto dissolvenza sul logo passando con il mouse sul logo

Apri styles/prosilver/theme/common.css

Cerca:

Codice: Seleziona tutto

   #logo {
       float: left;
       width: auto;
       padding: 10px 13px 0 10px;
    }

    a#logo:hover {
       text-decoration: none;
    }
sostituisci con:

Codice: Seleziona tutto

   #logo {
       float: left;
       width: auto;
       padding: 10px 13px 0 10px;
       opacity: 1;
       /* Firefox */
       -moz-transition-property: opacity;
       -moz-transition-duration: 1s;
       -moz-transition-delay: 0.2;
       /* WebKit */
       -webkit-transition-property: opacity;
       -webkit-transition-duration: 1s;
       -webkit-transition-delay: 0.2;
       /* Opera */
       -o-transition-property: opacity;
       -o-transition-duration: 1s;
       -o-transition-delay: 0.2;
       /* Standard */
       transition-property: opacity;
       transition-duration: 1s;
       transition-delay: 0.2;
    }

    a#logo:hover {
       text-decoration: none;
       opacity: 0.4;
    }
Rispondi