Cascading Style Sheets (CSS) consentono di applicare una vasta gamma di effetti visivi per gli elementi nella pagina Web. Puoi assegnare loro i colori di sfondo, fissare un'altezza e una larghezza per loro, alterare la loro posizione rispetto agli altri elementi nella pagina e molto altro ancora. La più recente iterazione del linguaggio CSS, CSS3, supporta una proprietà che è possibile aggiungere una sfumatura di colore per lo sfondo o il primo piano di un elemento, creando un effetto lucido che dà più profondità di quella di una semplice tinta unita.

Istruzioni

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 nel tag dell'elemento a cui si desidera aggiungere un effetto lucido:

Style = "background-image: - webkit - sfumatura (lineare, 0% 0%, 0% 90%, from(rgba(64,64,64,0.75)), to(rgba(192,192,192,0.9))); background-image:-Moz-linear-gradient(Top,Bottom,from(RGBA(64,64,64,0.75)), to(rgba(192,192,192,0.9)));"

3

Modificare i valori di trasparenza (RGBA) rossi, verdi, blu e alfa in operatori di RGBA in entrambi il "to" e "da" elementi della sfumatura in entrambe le dichiarazioni di stile a vostro piacimento.

4

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