Rallentare l' effetto opaco sui tasti di navigazione


Risolto Rallentare l' effetto opaco sui tasti di navigazione

Messaggio Da Ospite il Ven 1 Mag 2015 - 10:33

Salve, ho un codice per ottenere l' effetto opaco sui tasti di navigazione, ossia questo:
Codice:
ul.linklist li a img {
filter:alpha(opacity=90);
-moz-opacity: 1.0;
opacity: 1.0;
}

ul.linklist li a img:hover {
filter:alpha(opacity=50);  
-moz-opacity: 0.65;  
opacity: 0.65;
position: relative;
top: -0px;
cursor:allowed;
}
funziona perfettamente però mi piacerebbe che al passaggio del mouse l' effetto opaco apparisse in maniera più lenta, come nel forum di @sogniriflessi per farvi capire meglio, che però ha una versione diversa dalla mia.
Io ho la phpbb3.
Spero di essermi spiegata bene e che qualcuno possa aiutarmi.
Intanto vi ringrazio anticipatamente!


Ultima modifica di son il Ven 1 Mag 2015 - 11:44, modificato 1 volta
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: Rallentare l' effetto opaco sui tasti di navigazione

Messaggio Da MattiaDes il Ven 1 Mag 2015 - 10:59

Ciao happy utilizza questo:

Codice:
ul.linklist li a img:hover {
filter:alpha(opacity=50);  
-moz-opacity: 0.65;  
opacity: 0.65;
position: relative;
top: -0px;
cursor:allowed;
transition-duration: 1s;
}

Praticamente devi aggiungere "transition-duration: 1s;" nella parte di CSS che vuoi rallentare. 1s indica la durata (1 secondo), ma si può aumentare / diminuire.

Dimmi se ci riesci e se è quello che cercavi happy


Rallentare l' effetto opaco sui tasti di navigazione Z_user10

Rallentare l' effetto opaco sui tasti di navigazione 1300 Rallentare l' effetto opaco sui tasti di navigazione 2203 Rallentare l' effetto opaco sui tasti di navigazione 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 23
Messaggi : 4012
Località : Modena, Italy


http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Rallentare l' effetto opaco sui tasti di navigazione

Messaggio Da Ospite il Ven 1 Mag 2015 - 11:02

Devo aggiungere questa parte di codice a quello che ho già o lo devo sostituire con questo che mi hai dato tu?

EDIT: forse credo di aver capito che và aggiunta solo la parte per rallentare, giusto?
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: Rallentare l' effetto opaco sui tasti di navigazione

Messaggio Da MattiaDes il Ven 1 Mag 2015 - 11:36

Giusto, devi aggiungere solo la parte per rallentare happy

Se l'aggiungi a ul.linklist li a img:hover, l'effetto rallenta quando ci passi sopra con il mouse, se lo aggiungi a ul.linklist li a img, l'effetto rallenta anche quando togli il mouse dal bottone / contenuto


Rallentare l' effetto opaco sui tasti di navigazione Z_user10

Rallentare l' effetto opaco sui tasti di navigazione 1300 Rallentare l' effetto opaco sui tasti di navigazione 2203 Rallentare l' effetto opaco sui tasti di navigazione 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 23
Messaggi : 4012
Località : Modena, Italy


http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Risolto Re: Rallentare l' effetto opaco sui tasti di navigazione

Messaggio Da Ospite il Ven 1 Mag 2015 - 11:43

Fantastico Very Happy era proprio quello che volevo ottenere! Di festa  Ragazza pon pon /o/
Grazie mille!  bacio
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: Rallentare l' effetto opaco sui tasti di navigazione

Messaggio Da MattiaDes il Ven 1 Mag 2015 - 12:37

Prego! Yeah happy


Rallentare l' effetto opaco sui tasti di navigazione Z_user10

Rallentare l' effetto opaco sui tasti di navigazione 1300 Rallentare l' effetto opaco sui tasti di navigazione 2203 Rallentare l' effetto opaco sui tasti di navigazione 392
MattiaDes
MattiaDes
Amministratore
Amministratore

Sesso : Maschio
Età : 23
Messaggi : 4012
Località : Modena, Italy


http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum