CSS3漸變屬性是CSS3中十分重要的一個部分,可以為頁面添加美麗的漸變效果。主要包括以下幾個屬性:
background:linear-gradient(方向, 起始顏色, 終止顏色); background:radial-gradient(形狀,原點,終止圓); background:repeating-linear-gradient(方向,起始顏色,終止顏色); background:repeating-radial-gradient(形狀,原點,終止圓);
其中,linear-gradient是指線性漸變,它可以設置漸變的方向、起始顏色以及終止顏色。radial-gradient是指徑向漸變,它可以設置漸變的形狀、起始點以及終止圓的位置和大小。同時,還有repeating-linear-gradient和repeating-radial-gradient,它們與前兩個的不同之處在于可以設置漸變的重復次數。
這些CSS3漸變屬性的使用可以為頁面增色不少,但也需要注意的是,使用過多的漸變效果可能會使頁面過于蕪雜,影響頁面的整體效果。
上一篇CSS3漸變構成作業黑白
下一篇css3漸變屬性畫正方形