그라데이션이란?
그라데이션은 두 가지 이상의 색이 부드럽게 이어지는 효과예요. 웹 디자인에서는 배경, 버튼, 헤더에 많이 써요. 아주 적은 코드로 깊이감과 모던한 느낌을 줄 수 있거든요.
선형 그라데이션과 원형 그라데이션
선형 그라데이션은 직선을 따라 색이 바뀌어요. 방향은 각도로 정해요(0°는 위쪽, 90°는 오른쪽). 원형 그라데이션은 중심점에서 원 모양으로 퍼져 나가요. 이 생성기는 두 가지를 모두 만들고, 알맞은 CSS(linear-gradient 또는 radial-gradient)를 알려줘요.
CSS에서 쓰는 방법
코드를 복사해 요소의 background 속성에 붙여 넣으세요. 색은 여러 개 추가할 수 있고, 하나씩 눌러 바꿀 수 있어요. 어울리는 컬러 팔레트도 필요하다면 컬러 팔레트 모음을 둘러보세요. 위에 글자를 올리기 전에는 대비를 확인하세요.