🌈

CSS Gradients 생성

아름다운 CSS gradients를 설계하고 코드를 복사합니다.

이용 방법 CSS Gradient 발전기

  1. 선형 또는 방사능을 선택하십시오.

    직선을 따라 선형 블렌딩. Radial은 중심 지점에서 나옵니다.

  2. 색상 및 위치 색상의 중지

    필요한 색상과 각 정지를 드래그하여 글래드런을 따라 놓습니다.

  3. CSS 복사

    오른쪽으로 보이는 각도 또는 모양을 조정한 다음, 생성된 CSS를 스타일 시트로 복사합니다.

의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 의 CSS Gradient 발전기

CSS gradient 문법은 기억에서 쓰기가 쉽고 잘못되어 있습니다. 각은 가장 먼저 사람들에게 놀라게하는 방향으로 측정되며, 색상 스톱 포지션은 예측하기 어렵고, 유능한 올바른 것을 얻는 방법과 당신이 그것을 조정하는 것처럼 변경할 수있는 유일한 신뢰할 수있는 방법입니다. 이 도구가 무엇인지 : 눈에 띄는 것을 만들면 CSS를 복사하면 스타일 시트로 바로 붙여 넣을 수 있습니다.

두 가지 유형이 덮여있다. 직선 기온은 설정 한 각도에서 직선을 따라 혼합하며 버튼, 영웅 섹션 및 배경 밴드에 사용할 수있는 것입니다. 반경 방향은 원형 또는 엘립스의 중심 지점에서 바깥으로 퍼져 스포트라이트, 글로우 및 미묘한 vignettes에 적합합니다. 필요한 많은 색상의 스톱을 추가하고 트랙을 따라 각 것을 드래그 할 수 있습니다.

출력은 일반, 생산-읽은 CSS는 이 사이트에 의존하지 않고, 필요한 공급 업체 접두사가 없기 때문에, 모든 현재 브라우저가 수년간 비정상적인 gradients를 지원했습니다. 모든 브라우저에서 실행되며, 생성 된 CSS는 프로젝트, 상업 또는 기타 모든 프로젝트에 사용하기 위해 사용자입니다.

자주 묻는 질문

CSS를 어떻게 만들 수 있습니까?
선형 또는 레이디얼을 선택하면 색상의 정지를 추가하고 각도를 설정 한 다음 생성 된 CSS를 스타일 시트로 바로 복사하십시오.
선형과 레이디얼의 차이점은 무엇입니까?
직선 기온이 돋보이는 각도에서 직선을 따라 달라집니다. 반경이 뚜렷한 점에서 원이나 엘립스에서 퍼집니다.
2개 이상 색깔을 사용할 수 있습니까?
예. 필요한 색상이 많은 점으로 추가하고 각 점을 지각적으로 따라 배치하십시오.

관련 도구