CSS 원뿔형 그라디언트 생성기
선형, 방사형 또는 원뿔형 유형, 각도 슬라이더 및 실시간 전체 너비 미리 보기 및 복사 가능한 코드를 사용하여 최대 6개의 색상 정지점 등 시각적으로 CSS 그라디언트를 구축합니다.
처리 중...
0%
결과
이 페이지에서는 원추형 유형이 이미 선택된 그라디언트 생성기가 열립니다. 선을 따라 페이드되거나 중앙에서 사라지는 대신 색상이 시계 바늘처럼 슬라이더에 설정한 각도에서 시작하여 중앙 주위를 스윕합니다.
conic-gradient()는 세 가지 CSS 그래디언트 함수 중 최신 함수이며 원형 차트, 색상환 및 눈길을 끄는 회전 테두리 효과 뒤에 있는 함수입니다. 퍼센트 단위의 스톱 위치는 원 주위의 위치입니다. 0%와 100%의 2개의 스톱은 전체적으로 부드럽게 혼합되고, 서로 가깝게 배치된 스톱은 선명한 웨지를 만듭니다.
시작 각도를 조정하고 미리보기가 올바르게 표시될 때까지 중지한 다음 배경 라인을 복사합니다. 모든 최신 브라우저는 원뿔형 그라디언트를 지원하므로 코드를 안전하게 배송할 수 있습니다.