CSS 방사형 그라디언트 생성기
선형, 방사형 또는 원뿔형 유형, 각도 슬라이더 및 실시간 전체 너비 미리 보기 및 복사 가능한 코드를 사용하여 최대 6개의 색상 정지점 등 시각적으로 CSS 그라디언트를 구축합니다.
처리 중...
0%
결과
이 페이지에서는 방사형 유형이 이미 선택된 그라데이션 생성기가 열립니다. 색상은 동심원의 요소 중심에서 바깥쪽으로 방사되며 변경할 때마다 미리보기가 즉시 다시 그려집니다.
Radial-Gradient()는 방향보다는 초점이 필요한 스포트라이트 및 광선 효과, 부드러운 비네팅 및 배경을 위한 도구입니다. 퍼센트로 표시되는 스톱 위치는 중심으로부터의 거리에 매핑됩니다. 0%는 중앙, 100%는 먼 가장자리입니다. 따라서 첫 번째 스톱을 조이면 작은 밝은 코어가 만들어지고 이를 펼치면 넓은 워시가 만들어집니다.
미리보기가 올바르게 보이면 배경 라인을 복사합니다. 원에는 방향이 없기 때문에 이 모드에서는 각도 슬라이더가 숨겨집니다. 선형 또는 원추형으로 다시 전환하면 다시 나타납니다.