이 도구에 대하여
비주얼 편집기를 사용하여 아름다운 CSS 선형 및 방사형 그래디언트를 만듭니다. 색상을 선택하고, 정지점을 조정하고, 방향이나 각도를 변경하고 실시간 미리보기 업데이트를 실시간으로 확인하세요. 이전 브라우저의 공급업체 접두사를 포함하여 생성된 CSS 코드를 복사하여 스타일시트에 직접 붙여넣습니다.
자주 묻는 질문
- CSS 그래디언트는 모든 브라우저에서 작동합니까?
- 최신 CSS 그라디언트(선형 그라디언트, 방사형 그라디언트)는 Chrome, Firefox, Safari 및 Edge를 포함한 모든 최신 브라우저에서 지원됩니다. 이 도구는 선택적으로 이전 브라우저 버전에 대한 -webkit- 접두사를 생성할 수 있습니다.
- 여러 색상의 그라디언트를 만들 수 있나요?
- 예. 필요한 만큼 색상 정지점을 추가하세요. 각 스톱의 위치를 조정하여 색상이 혼합되는 위치를 제어할 수도 있습니다. 이를 통해 복잡한 무지개, 일몰 또는 맞춤형 브랜드 그라데이션이 가능합니다.
- 선형 그래디언트와 방사형 그래디언트의 차이점은 무엇입니까?
- 선형 그라데이션은 직선(위에서 아래로, 왼쪽에서 오른쪽으로, 대각선 또는 모든 각도)을 따라 색상을 전환합니다. 방사형 그라데이션은 원형 또는 타원형 모양의 중심점에서 바깥쪽으로 색상을 전환합니다.
- 그라데이션을 텍스트 배경으로 사용할 수 있나요?
- 예. 텍스트에 그라디언트를 적용하려면 -webkit-text-fill-color: transparent와 함께 background-clip: text를 사용하세요. 생성된 CSS는 그라데이션 정의를 제공합니다. 이를 그라데이션 텍스트에 대한 이러한 속성과 결합합니다.