gradation

목차

• gradition

---

gradition

linear-gradient는 선형 그라데이션

to (방향 or 각도deg), 색깔, 색깔

 

redial-gradient는 원형 그라데이션

circle은 원형, ellipse는 타원형

.div_liner {
    width: 400px;
    height: 200px;
    border: 1px solid #000;
    background: linear-gradient(45deg, red, orange 50%, yellow, green, blue, indigo, purple);
}
.div_radial {
    width: 400px;
    height: 200px;
    border: 1px solid #000;
    background: radial-gradient(circle closest-side at 10% 20%,#f80909, #fbff05);
}

<h2>선형 그라데이션</h2>
<div class="div_liner"></div>

<h2>원형 그라데이션</h2>
<div class="div_radial"></div>

---

 

Github

Link