최고의 무료 CSS 그라디언트 생성기
라이브 미리보기를 통해 선형 및 방사형 CSS 그라디언트를 구축합니다.
100% 무료
가입 없음
워터마크 없음
사랑 Best.Free? 공유하세요
어떻게 작동하는지
- 유형 선택. 선형 또는 방사형을 선택하고 선형 그라디언트의 각도를 설정합니다.
- 색상과 정지를 선택. 두 개 이상의 색상과 그 위치를 설정합니다. 고급 옵션에서 세 번째 정지를 추가합니다.
- CSS 복사. CSS 복사를 누르고 배경 그라디언트를 스타일시트에 붙여넣습니다.
이 도구에 대해
값을 눈 앞에서 편집하는 대신 눈으로 CSS 그라디언트를 만들 수 있습니다. 선형과 방사형 사이를 전환하고 선형 그라디언트의 각도를 드래그하고 전체 폭 미리보기 막대가 실시간으로 업데이트되는 동안 최소 두 스톱의 색상과 위치를 선택할 수 있습니다. 결과 배경 속성을 스타일시트에 바로 복사할 수 있습니다. 고급 옵션은 풍부한 혼합을 위해 세 번째 색상 스톱을 추가하고 방사형 그라디언트에 원형 또는 타원형 모양을 선택할 수 있습니다. 이 모든 기능은 브라우저에서 실행됩니다.
사람들이 그것을 사용하는 이유
- 영웅 또는 섹션 배경 그라디언트 디자인
- 버튼 또는 카드 그라디언트 채우기 생성하기
- 두 개 또는 세 개의 브랜드 컬러를 부드럽게 혼합
- 방사형 스포트라이트 또는 비네트 효과 생성
자주 묻는 질문
선형 그라디언트는 선택한 각도에서 직선을 따라 블렌드되며, 방사형 그라디언트는 원 또는 타원으로 중심점에서 바깥쪽으로 블렌드됩니다.
선형 그라디언트의 경우 각도는 혼합 방향을 설정합니다. 0°는 아래에서 위로, 90°는 왼쪽에서 오른쪽으로, 등등.
각 정지는 그라디언트를 따라 백분율로 배치된 색상입니다. 정지를 이동하면 해당 색상이 있는 위치와 혼합의 날카로움이 변경됩니다.
고급 옵션을 열어 첫 번째와 마지막 사이에 삽입된 세 번째 컬러 정지를 추가하여 다중 컬러 혼합을 수행합니다.
아니요. 색상과 정지는 브라우저에서 로컬로 CSS 문자열로 변환됩니다.
완전히 무료, 계정 및 제한 없음 - 측정 할 아무것도없는 클라이언트 측면 도구.
네, 브라우저에서 실행되므로 CSS 그라디언트 생성기는 휴대폰과 태블릿에서도 데스크탑에서도 작동합니다. 설치할 앱이 없습니다.
일반적인 파일에 대해서는 보통 몇 초 정도 걸립니다. CSS Gradient Generator는 입력을 주는 순간 작동을 시작합니다.
캐주얼 사용은 모든 사람에게 빠르게 유지하는 관대 한 공정 사용 캡 아래 무제한입니다.
모든 현대 브라우저 - Chrome, Safari, Firefox 및 Edge. CSS 그라디언트 생성기는 이미 사용 중인 브라우저를 넘어 설치할 필요가 없습니다.