©TCP-tryWWW

<!DOCTYPE html>
<html lang="ko">

<head>
	<meta charset="UTF-8">
	<title>CSS3 Linear Gradients</title>
	<style>
		#grad {
			height: 200px;
			background: green;
			background: -webkit-repeating-linear-gradient(150deg, red, white 10%, blue 20%);
			background: -moz-repeating-linear-gradient(150deg, red, white 10%, blue 20%);
			background: -o-repeating-linear-gradient(150deg, red, white 10%, blue 20%);
			background: repeating-linear-gradient(150deg, red, white 10%, blue 20%);
		}
	</style>
</head>

<body>

	<h1>반복되는 선형 그래디언트 - 150도 진행 방향</h1>
	<div id="grad"></div>

</body>

</html>