Programmazione Web » Css » Sfumare lo sfondo senza utilizzare immagini
Sfumare lo sfondo senza utilizzare immagini
Difficoltà:
Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net 
Questo tutorial è stato letto 1707 volte
Più per un effetto grafico che per necessità, impareremo come sfumare lo sfondo di una pagina web in Internet Explorer.
La modifica sostanziale che va fatta alla pagina consiste nell'inserire tra i tag head la proprietà filter del tag body in questo modo:
<style>
body {
filter:progid:DXImageTransform.microsoft.Gradient(gradientType=0,StartColorStr='#ffffff',EndColorStr='#ff0000');
}
</style>
Dando un'occhiata alla riga di codice noteremo subito come sia possibile modificare sia il colore di partenza sia quello di arrivo modificando rispettivamente i parametri StartColorStr ed EndColorStr con i colori in esadecimale scelti.
Nel nostro caso lo sfondo sfumerà dal bianco (#ffffff) al rosso (#ff0000).
Sarà inoltre possibile modificare il tipo della sfumatura settando diversamente il gradientType con un altro numero intero ("1" ad esempio). Non vi resta dunque che effettuare diverse prove e scegliere la sfumatura che più vi piace!
Alla prossima!
Aggiungi questo tutorial ai preferiti
