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

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


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 2845
Località : Modena, Italy


Vedere il profilo dell'utente 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?

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


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 2845
Località : Modena, Italy


Vedere il profilo dell'utente 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

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


avatar
MattiaDes
Amminattivo
Amminattivo

Sesso : Maschile
Età : 21
Messaggi : 2845
Località : Modena, Italy


Vedere il profilo dell'utente http://www.habbolifeforum.com
MattiaDes è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum