<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
/* background: linear-gradient(180deg, blue, white, blue);
height: 1000px; */
}
.cls {
width: 500px;
height: 500px;
border: 1px solid;
}
.grad1 {
background: linear-gradient(blue, white 30%, blue 50%);
}
.grad2 {
background: linear-gradient(red ,
orange 15%,
yellow 30%,
green 45%,
blue 60%,
indigo 75%,
purple 90%);
}
.grad3 {
/* 빠라바라빠람빰빰빰빠라빰 */
background: linear-gradient(red 15% ,
orange 15%, orange 30%
yellow 30%, yellow 30%
green 45%, green 45%
blue 60%, blue 60%
indigo 75%, indigo 75%
purple 90%);
}
</style>
</head>
<body>
<div class="cls grad3"></div>
</body>
</html>
자바 풀스택 공부
댓글