Sfumare colori con CSS – Crossbrowser

Problemi con le sfumature? Dovete utilizzare immagini per ogni sfumatura, influendo sul tempo di caricamento e sulla dimensione della pagina?

Tre semplici righe per sfumare i colori dei vostri div o dello sfondo della vostra pagina web PER TUTTI I BROWSER!

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#000'); /* per Internet Explorer */
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#000)); /* per browser webkit come Safari */
background: -moz-linear-gradient(top,  #fff,  #000); /* per firefox 3.6+ */

Per modificare i colori, basta cambiare i valori #fff (colore di inizio) e #000 (colore finale), e questa impostazione crea una sfumatura verticale.

Annunci

, , , , ,

  1. Lascia un commento

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...

%d blogger hanno fatto clic su Mi Piace per questo: