html5漸變色代碼 漸變色原理?
漸變色原理?漸變貼圖非常適用于顏色匹配,也可用于繪圖推導(dǎo),以及3D設(shè)計(jì)中的貼圖。這種效果類似于手機(jī)拍照軟件中的過濾效果。我們來談?wù)勗瓌t。其原理是用我們預(yù)設(shè)的漸變樣式的顏色替換圖像的原始亮度顏色。漸變條
漸變色原理?
漸變貼圖非常適用于顏色匹配,也可用于繪圖推導(dǎo),以及3D設(shè)計(jì)中的貼圖。這種效果類似于手機(jī)拍照軟件中的過濾效果。我們來談?wù)勗瓌t。其原理是用我們預(yù)設(shè)的漸變樣式的顏色替換圖像的原始亮度顏色。漸變條右側(cè)的顏色替換圖像中的高光部分,替換圖像的中間部分,左側(cè)替換低光部分。讓我們看看下圖
1。打開HTML開發(fā)工具,創(chuàng)建一個(gè)新的HTML文件,在HTML代碼頁(yè)中創(chuàng)建一個(gè)<div>,并在標(biāo)簽中添加一個(gè)類名稱:;
2。為班級(jí)設(shè)置風(fēng)格。在標(biāo)題后創(chuàng)建一個(gè)樣式標(biāo)簽,然后在標(biāo)簽中設(shè)置線性類的線性漸變樣式。這里的第一個(gè)參數(shù)是設(shè)置漸變方向,最后兩個(gè)參數(shù)是開始顏色和結(jié)束顏色。設(shè)置后,轉(zhuǎn)到瀏覽器查看效果:;
3。保存HTML文件后,使用瀏覽器查看效果。您將看到從綠色到紅色的漸變。這是如何在HTML中設(shè)置背景顏色漸變