CSS 선형 그래디언트 생성기
선형, 방사형 또는 원뿔형 유형, 각도 슬라이더 및 실시간 전체 너비 미리 보기 및 복사 가능한 코드를 사용하여 최대 6개의 색상 정지점 등 시각적으로 CSS 그라디언트를 구축합니다.
처리 중...
0%
결과
이 페이지에서는 선형 유형이 이미 선택된 그라데이션 생성기가 열립니다. 각도 슬라이더를 드래그하여 페이드를 회전하고, 색상 정지점을 조정하고, 모든 입력에서 전체 너비 미리보기와 CSS 라인 업데이트를 조정하세요.
선형 그라데이션()은 직선을 따라 색상을 칠합니다. 이는 CSS에서 가장 많이 사용되는 그라데이션입니다. 90도는 왼쪽에서 오른쪽으로, 180도는 위에서 아래로, 그 사이의 모든 각도는 대각선을 제공합니다. 정지 위치(%)에 따라 각 색상 밴드가 다음 색상 밴드와 혼합되기 시작하는 위치가 결정됩니다.
미리보기가 제대로 보이면 배경 줄을 스타일시트에 복사하세요. 빈 슬레이트 대신 시작점을 원하는 경우 일몰, 바다 및 파스텔 사전 설정 페이지에서 입증된 색상 쌍이 이미 로드된 동일한 도구를 엽니다.