7-3. CSS 그라데이션 효과로 배경 꾸미기 (linear-gradient, radial-gradient)

1. 선형 그라데이션 선형 그라데이션이란 색상이 수직, 수평 또는 대각선 방향으로 일정하게 변하는 것을 말한다. linear-gradient 는 색상이 어느 방향으로 바뀌는지 그리고 어떤 색상으로 바뀌는지 알려줘야한다. linear-gradient ( to 또는 , , ...); 1️⃣ 방향 : 그라데이션 방향을 지시할 때는 끝 지점을 기준으로 to 예약어와 함께 사용한다. 예약어는 최대 2개까지 사용가능하다. 예약어는 수평 방향 left, right 수직 방향 top, bottom ex) 왼쪽에서 오른쪽 : to right 왼쪽 아래에서 오른쪽 위 : to right top 2️⃣ 각도 : 각도는 선형 그라데이션에서 색상이 바뀌는 방향을 알려주는 방법이다. 각도는 그라데이션이 끝나는 부분이고 값은 de..

2021.10.14