HTML5的顏色漸變代碼提供了更多的吸引人的網(wǎng)頁(yè)設(shè)計(jì)選擇。其中最常用的是線性漸變和徑向漸變。
/* 線性漸變 */ background: linear-gradient(to right, #00ffff, #ff00ff); /* 徑向漸變 */ background: radial-gradient(circle, #00ffff, #ff00ff);
在線性漸變中,需指定漸變的方向,并在顏色值中設(shè)置起始顏色和結(jié)束顏色。在上述代碼中,漸變方向?yàn)閺淖蟮接遥伾鹗加谒{(lán)綠色(#00ffff),結(jié)束于洋紅色(#ff00ff)。
徑向漸變則以“圓形”為基礎(chǔ),漸變色從圓心開(kāi)始向外覆蓋網(wǎng)頁(yè)。同樣需要指定兩種顏色,分別作為起始顏色和結(jié)束顏色。
使用HTML5的顏色漸變可以為網(wǎng)頁(yè)添加更高質(zhì)量的視覺(jué)效果,提升整體設(shè)計(jì)感。