디자인·Canvas
CSS Gradient 그라디언트 생성기
linear·radial·conic 그라디언트를 시각적으로 편집합니다. 정지점을 드래그해 색과 위치를 맞추고 각도·중심을 조절한 뒤, 완성된 CSS 코드를 바로 복사하세요. 모든 처리는 브라우저 안에서 이루어집니다.
1타입·각도 선택2정지점 드래그로 색 조절3CSS 복사
타입
각도
색상 정지점
%
%
CSS
background: linear-gradient(135deg, #899ff3 0%, #22499f 100%);