이 무료 웹 응용 프로그램으로 자신 만의 CSS 그라데이션 조화

모든 웹 디자이너가 알아야 할 CSS3 그래디언트. 그들은 수년간 주변에 있었고 모든 주요 브라우저에서 광범위하게 지원됩니다..

이제 무료 웹 앱 (예 : 혼합 CSS3 그래디언트를 즉석에서 만들 수 있습니다. 브라우저 내 비주얼 에디터. 선택할 수있는 선형 및 방사형 그래디언트 혼합 할 색상으로 꾸미기.

초기 페이지가 두 가지 단색 아무 쪽이나. 당신은 색상 팔레트 색상 사이를 전환하거나 매뉴얼 HEX 코드 네가 원하는 색을 안다면. 좋아하는 두 가지 색상이 있으면 “혼합하자” 단추 가운데에.

두 색상이 함께 CSS3 그라디언트로 혼합됩니다. 편집 가능한 옵션 페이지 상단 부근. 선택할 수있는 선형 그라디언트 & 방사형 그래디언트, 선형 스타일을 사용하는 경우 중심 위치 드래그 모든 페이지에서.

게다가, 너는 블렌드 모드에서 너는 아직도에 돌아갈 수있다 색깔을 바꾸어 라. 아래쪽에. 이것은 모든 디자이너가 필요로하는 완벽한 코드 프리 CSS3 그라디언트 생성기와 같습니다..

원하는 두 가지 색상을 선택하면 코드 괄호 아이콘 오른쪽 상단에 이것은 CSS 코드가있는 창 스타일 시트에 복사 / 붙여 넣기 할 수 있습니다..

Blend는 NYC 디자이너 Colin Keany가 만든 무료 도구입니다. 그것은 또한이다. 그의 사이트에서 호스팅, GitHub 또는 무료 소스 코드에 대한 링크는 어디에도 없습니다. 하지만 그는 글을 썼다. 사례 연구 모든 편리한 기능으로 블렌드를 만드는 자신의 프로세스에 대해 자세히 설명합니다..

불행히도 현재 버전 두 가지 이상의 색상을 지원하지 않습니다.. 그러나 나는 미래에 멀티 컬러 옵션을 위해 손가락을 건너고 있습니다..

로컬 복사본을 다운로드 할 수 없으므로 나중에 사용할 수 있도록 Blend를 북마크하는 것이 좋습니다. 그것은 완벽한 방법입니다. 테스트 그라디언트 스타일 시트를 반복적으로 편집하지 않고.

그리고 아이디어를 공유하고 싶거나이 그라디언트 도구에 대해 감사하다고 말하면 Colin @colinkeany를 트윗 할 수 있습니다..