CSS 그라데이션 생성기 여러 색상 중지점과 각도 제어를 갖춘 아름다운 선형, 방사형 및 원추형 CSS 그라데이션을 생성합니다.

CSS 그라데이션은 background 또는 background-image 속성을 사용하여 정의됩니다. 선형 그라데이션은 방향(도 단위의 각도 또는 to right와 같은 키워드)을 따르는 linear-gradient() 함수와 색상 중지점을 사용합니다. 각 색상 중지점에는 색상 값과 선택적인 위치 백분율이 포함됩니다. 원형 그라데이션은 shape 및 size 키워드를 사용하는 radial-gradient()를 사용하며, 원추형 그라데이션은 conic-gradient()를 사용하여扫색 색상 전환을 생성합니다. 여러 개의 색상 중지점으로 복잡한 전환이 가능하며, 단단한 색상 경계를 만들기 위해 동일한 위치에 두 개의 중지점을 사용할 수 있습니다. 성능을 위해서 CSS 그라데이션은 브라우저에서 렌더링되며 이미지 다운로드가 필요하지 않습니다. 또한 해상도 독립적이며 모든 디스플레이 밀도에서 선명하게 보입니다. 오래된 브라우저 지원을 위해 -webkit- 접두사를 사용하지만, 최신 브라우저에서는 접두사 없이 그라데이션을 지원합니다. 여러 개의 배경 값을 쉼표로 구분하여層화할 수 있으므로 복잡한 시각적 효과를 생성할 수 있습니다. background-size 속성은 반복되는 패턴을 만들 때 각 그라데이션 층의 크기를 제어합니다.