CSS3 repeating-linear-gradient()

admin發表於2018-05-21

用重複的線性漸變建立影像。

語法與linear-gradient()線性漸變完全相同。

程式碼例項:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html> 
<head> 
<meta charset="gb2312"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<style type="text/css">
div{
  width:250px;
  height:250px;
}
.antzone{
  background:repeating-linear-gradient(-45deg, #ace, #ace 5px, #f96 5px, #f96 10px);
}
</style>
</head>
<body>
<div class="antzone"></div>
</body>
</html>