CSS3 effetto sui pulsanti

Forum misto con frammenti di codice
Rispondi
Avatar utente
FranckTH
Membro phpBB3World
Membro phpBB3World
Messaggi: 43
Iscritto il: 22 dic 2012, 13:34
Contatta:

CSS3 effetto sui pulsanti

Messaggio da FranckTH » 22 dic 2012, 15:13

Autore: FranckTH
Compatibilità: Importante! funziona con Opera e Firefox (e in futuro IE10)
Descrizione: Aggiungi il rollover un effetto realizzato con CSS3, sui pulsanti.


---------------------------------------------------------------------------------------------
Apri styles/prosilver/theme/buttons.css

Cerca :

Codice: Seleziona tutto

.reply-icon span   { background: transparent none 0 0 no-repeat; }
.post-icon span      { background: transparent none 0 0 no-repeat; }
.locked-icon span   { background: transparent none 0 0 no-repeat; }
.pmreply-icon span   { background: none 0 0 no-repeat; }
.newpm-icon span    { background: none 0 0 no-repeat; }
.forwardpm-icon span    { background: none 0 0 no-repeat; }
Sostituire con :

Codice: Seleziona tutto

.reply-icon span   {
   background: transparent none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.post-icon span      {
   background: transparent none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.locked-icon span   {
   background: transparent none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.pmreply-icon span   {
   background: none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.newpm-icon span    {
   background: none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
.forwardpm-icon span    {
   background: none 0 0 no-repeat;
   -webkit-transition:all 250ms linear;
   -moz-transition:all 250ms linear;
   -o-transition:all 250ms linear;
}
Flash games & Avatars ==> http://www.graphogames.com

Avatar utente
Rey
Staff phpBB3World
Staff phpBB3World
Messaggi: 563
Iscritto il: 3 nov 2012, 13:41
Località: 在世界上
Contatta:

Re: CSS3 Transition Effect sui pulsanti

Messaggio da Rey » 22 dic 2012, 15:22

Grazie Franck, ho dato una aggiustatina. ;)

Avatar utente
yannick
Utente phpBB3World
Utente phpBB3World
Messaggi: 9
Iscritto il: 10 gen 2013, 22:14

Re: CSS3 effetto sui pulsanti

Messaggio da yannick » 2 dic 2013, 16:06

grazie

Rispondi

Torna a “Snippets”

Chi c’è in linea

Visitano il forum: Nessuno e 8 ospiti