그라데이션 설정
Sponsored
여기에 광고가 들어갈 수 있습니다.
미리보기
CSS 코드
Sponsored
여기에 광고가 들어갈 수 있습니다.
Tip & FAQ
미세 각도 조정 꿀팁
각도 슬라이더에 포커스 후 ←/→ 방향키를 누르면
1°씩 정밀 조정할 수 있어요.
Shift와 함께 누르면 15° 단위로 퀵 점프!
UI에서는 15개까지를 권장하지만 CSS 사양상 제한은 없습니다.
만약 15개 이상 필요하다면 코드 복사 후 직접 숫자를 늘려도 됩니다.
네! 색상 피커에서 RGBA 또는 HSLA 모드를 선택한 뒤
알파 값을 조정하면 반투명 그라데이션을 만들 수 있습니다.
최신 Chrome·Edge·Firefox·Safari에서는 문제없지만
IE, 구형 Edge(레거시)에서는 지원되지 않습니다.
호환성이 필요하다면
linear/radial
타입을 선택해 주세요.
생성된 CSS 코드를 캔버스에 그려 PNG로 만드는 기능은
현재 준비 중입니다. 임시로는
background
속성을
그대로 CSS에 붙여 넣어 사용해 주세요.