如果想要設置HTML5中元素的重復漸變(repeated gradient),可以使用CSS3中的gradient屬性。該屬性定義了一種漸變背景,它可以沿著一個軸線從一個顏色過渡到另一個顏色。
background: linear-gradient(to right, red, yellow, blue);
這個例子會創建一個從紅色到黃色再到藍色的,水平的漸變背景。linear-gradient屬性中的to right指示漸變應該沿著X軸進行。
要使該漸變重復,可以使用以下代碼:
background: repeating-linear-gradient(to right, red, yellow, blue);
在這個例子中,將原來的linear-gradient改為了repeating-linear-gradient,使得該漸變會不斷地重復出現。同樣地,這個漸變會沿著X軸進行。
此外,還可以使用徑向漸變(radial-gradient)來創建重復漸變:
background: repeating-radial-gradient(red, yellow 10%, blue 20%);
在以上代碼中,區域內的顏色將以圓形漸變的方式改變。其中red指的是中心顏色,其它兩個顏色則指示了外圍的顏色。使用repeating-radial-gradient會不斷地重復這個圓形漸變。
通過上述這些CSS3的漸變屬性的設置,可以在HTML5頁面中非常容易的實現一些復雜的漸變背景。
上一篇mysql6.0 64位
下一篇var變量css3