Visual CSS Gradient Generator

기술

웹 디자이너를위한 강력한 Photoshop 스타일의 브라우저 간 CSS 및 SVG 그라데이션 생성기입니다.

온라인 그라디언트 제작자와 다른 점은 무엇입니까?

* 각도로 지정된 CSS 선형 그라디언트이든 반복 그라디언트이든 상관없이 지정된 매개 변수에 관계없이 해당 SVG (IE9) 및 이전 Webkit CSS 구문이 생성됩니다.

* 색상 정지가 상자 경계 밖에있는 경우 SVG 및 이전 Webkit 렌더링이 CSS3 모양과 일치하도록 색상이 보간됩니다.

* Chrome, Firefox, Opera 및 Safari에서 미리 보려면 버튼을 한 번 클릭합니다.

* 백분율 값 유형에 제한되지 않습니다. 모든 값은 'px', 'pc', 'pt', 'mm', 'cm'또는 'in'으로 표현할 수 있습니다.

다른 특징들:

* Chrome, Firefox, IE9 (SVG), IE10, Opera, Safari 및 이전 Webkit 구문에 대한 선형 및 방사형 그래디언트 CSS 및 SVG 소스 코드를 생성합니다.

* 실시간 업데이트가 가능한 Photoshop 스타일 색상 선택기.

* 색상을 선택한 후 선호하는 CSS 형식 (예 : RGB, RGB 비율, Hex, Named 또는 HSL)을 선택합니다.

* '가장 먼 모서리'와 같은 방사형 그래디언트 크기 키워드에서 계산 된 위치 및 크기로 자동 변환.

* '왼쪽 상단'과 같은 선형 그래디언트 범위 키워드에서 계산 된 각도로 자동 변환.

* 단위 유형 (예 : 'px', 'pc', 'pt', 'mm', 'cm'및 'in') 간의 자동 변환.