線性漸變
background:-webkit-linear-gradient(-45deg,red 0px,red 10px,green 10px,green 20px);
徑向漸變
background:-webkit-radial-gradient(circle,yellow 50px,red 50px);
重復(fù)線性漸變
background:-webkit-repeating-linear-gradient(-45deg,red 0px,red 10px,green 10px,green 20px);
例子
css
div{
background:-webkit-repeating-linear-gradient(-45deg,pink 0px,pink 10px,yellow 10px,yellow 20px);height:60px;
}
html
<div></div>
效果圖
20170721163856.png
