Questione : Effetti del mouseover e di scatto di CSS

Ciao, il

Please ha uno sguardo al rel= " nofollow " " del _blank " " del target= " di http://www.elance.com/ del href= di http://www.elance.com/

You vederà che loro “ottenere„ il tasto avviato ha 2 effetti - quando voi mouseover che si illumina in su e quando vi scattate esso deprimete giù. Sto presumendo che questo sia realizzato con l'uso delle immagini differenti ma come ho questo sul mio proprio Web site usando il css e i js minimi? il

Would lo gradice per le modifiche del così come il buttons

Thanks
 dell'input class= del

Risposta : Effetti del mouseover e di scatto di CSS

Ciao hubfub,
Ciò non dovrebbe richiedere JS affatto, esso ha denominato gli sprites del CSS.
Il tasto realmente ha una singola immagine di priorità bassa che unisce i tre casi, voi può vedere l'immagine qui http://www.elance.com/media/images/4.0/buttons/get-started-btn-large-special-spr.png.

Con un CSS semplice che tratta la a: collegamento, a: librazione ed a: active potete realizzare lo stesso effetto.

Provare l'esempio qui sotto, ho usato la stessa immagine per illustrare, dovrebbe essere semplice, ma appena richiede il posizionamento esatto di immagine.

Acclamazioni

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:






Prova di Sprites del tasto
Altre soluzioni  
 
programming4us programming4us