Come fare colori lucidi in un CSS

December 8

Come fare colori lucidi in un CSS


Cascading Style Sheets (CSS) consentono di applicare una vasta gamma di effetti visivi per gli elementi nella pagina Web. È possibile assegnare loro i colori di sfondo, fissare un altezza e larghezza per loro, modificare la loro posizione relativa ad altri elementi nella pagina e molto altro ancora. L'ultimo iterazione del linguaggio CSS, CSS3, supporta una proprietà con la quale è possibile aggiungere una sfumatura di colore allo sfondo o in primo piano di un elemento, creando un effetto lucido che dona più profondità rispetto a quella di un colore solido semplice.

istruzione

1 Aprire la pagina Web che contiene l'elemento a cui si desidera aggiungere un effetto lucido nel vostro editor di testo preferito.

2 Aggiungere il seguente codice al tag dell'elemento a cui si desidera aggiungere un effetto lucido:

style = "background-image: -webkit-pendenza (lineare, 0% 0%, 0% al 90%, da (RGBA (64,64,64,0.75)), a (RGBA (192,192,192,0.9))); sfondo -image: -moz-linear-gradient (in alto, in basso, da (RGBA (64,64,64,0.75)), a (RGBA (192,192,192,0.9))); "

3 Modificare i, verde, valori di trasparenza rosso blu e alfa (RGBA) a operatori RGBA sia nella "a" e "da" elementi della pendenza di entrambe le dichiarazioni di stile a proprio piacimento.

4 Salvare e pubblicare la pagina Web. Il vostro elemento specificato ora avrà un lustro lucido in tutti i browser Web con supporto CSS3.