CSS 그라디언트 생성기 무료 온라인: 선형 방사형 그라데이션 만들기

A 유형(선형/방사형) 선택, 색상 선택, 각도 조절, CSS 코드 복사.

A 선형(직선 방향)과 방사형(중앙에서). 다중 색상 지원.

A 네, 추가 색상 정지점으로 복잡한 그라디언트.

A 선형 그라데이션은 직선(가로, 세로 또는 대각선)으로 흐릅니다. 각도 슬라이더로 방향을 제어할 수 있으며, 예를 들어 90도로 설정하면 수직 페이드가 됩니다. 방사형 그라데이션은 중심점에서 바깥쪽으로 확장되어 원형 또는 타원형 효과를 만듭니다. 이 도구로는 원형 외의 모양을 직접 제어할 수 없지만, 중심점을 선택할 수는 있습니다.

A 이 도구는 Chrome, Firefox, Safari, Edge에서 작동하는 표준 CSS를 생성합니다. Internet Explorer 9 이하에서는 그래디언트가 표시되지 않지만, 이는 전 세계 트래픽의 1% 미만입니다. 오래된 브라우저를 위해 CSS 그래디언트 속성 앞에 단색 배경색을 폴백으로 추가하세요. 그래디언트가 지원되지 않을 때 사용자에게 평면 색상이 보입니다. 빠른 테스트: 코드를 최신 브라우저의 개발자 도구에 붙여넣어 확인해보세요.