欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

html5怎么設置重復漸變

傅智翔2年前8瀏覽0評論

如果想要設置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頁面中非常容易的實現一些復雜的漸變背景。

下一篇var變量css3