Come fare gradienti qualità CSS

March 4

Come fare gradienti qualità CSS


immagini gradiente o sfondi possono fare una pagina Web più attraente. Si può semplicemente creare l'effetto sfumato per gli sfondi o immagini con i CSS il codice (foglio di stile CSS). È possibile aggiungere la funzione di WebKit gradiente nel vostro file CSS esterno per realizzare il gradiente di sfondo o le immagini.

istruzione

1 Trova il file styles.css nella cartella sito. Fate click destro e aprirlo con Dreamweaver. Individuare i segni HTML all'interno del quale si desidera mettere il vostro sfondo sfumato, come p, H4 o OL. "P" si riferisce al paragrafo; "H4" si riferisce alla rubrica 4; "OL" rappresenta liste ordinate.

2 Inserire il codice seguente dopo il fondo. Lineare è il tipo di gradiente; superiore sinistra e inferiore sinistra definisce i punti di fondo che sono una coppia di valori separati da spazi. "Da ()" e "()" specifica il colore ad ogni fermata e ogni "colore-stop ()" ha un certo valore di arresto:

-webkit-pendenza (lineare, in alto a sinistra, in basso a sinistra,

da (#eee), a (#fff), colore-stop (0,5, #fff),

colore-stop (0,5, #eee));

3 Apportare modifiche alla funzione Webkit-pendenza, come ad esempio alterando il tipo di gradiente radicale. È inoltre possibile modificare la durata del colore. Fai clic su "File" e poi "Anteprima" per vedere l'effetto del codice.