다른 그라디언트에 모질라 그라데이션

Question

모질라 그라디언트부터 다른 브라우저에 그라디언트를 어떻게 만들 수 있습니까? 당분간 모질라 그라디언트를 사용했지만 최근에 모든 브라우저에서 작동하도록 CSS 코드 안의 모든 브라우저에 그라디언트를 만들어야한다는 것을 알았습니다. 웹 사이트 만 보면 그라디언트를 만들 수 있고 모든 브라우저에 대한 코드가 생성되지만 다른 모든 브라우저에 대해서는 moz 그라디언트를 만들지 못했습니다.

이

background-image: -moz-linear-gradient(center top , #9BC0DD, #C9DEED); 

Answer 1

인용 @omarello이 도구는 훌륭한 도구입니다 :

이

내가 변환하려는 그라디언트입니다. 이걸 gradient으로 재현하려고하지 않습니까?

편집 : 나는 당신의 그라데이션 재현하기 위해 무슨 짓을했는지 : 그라디언트의 이름 아래

• 을 기본적으로 4 색상 정지와 그라데이션 패널입니다. 그라디언트 아래
, 50 % ~의 2 색상 정지 점을 삭제하고 왼쪽과 오른쪽에 사람들을 유지한다. 위의 검은 사람은, 불투명도위한 색상에
• 클릭 왼쪽에 중단이 불투명 그라데이션 그들을 무시합니다. 상황이 중지 영역 내부 색상 상자에
• 클릭 아래의 중지 FIELDSET의 변화, 색상 선택기가 나타납니다! (이것은이다 그리 명확하지 - 온 - 처음 트릭) 오른쪽 아래에
• , 붙여 넣기 첫 번째 색상 16 진 코드 (가, colorzilla #과의인지 아닌지는 중요하지 않습니다 center top 내가 생각 top과 동일하기 때문에 똑똑) 및 미리보기 영역의 오른쪽
• 의 다른 색상 정지에 대한
• 같은 확인 버튼을 클릭하면 (수직 방향을 원하는,도 수평 위., 당신이 퍼머 일을했습니다 다음
• DIAG.도 반경)와 IE 코드 이 때 생성 된 코드 옆에 CSS에 주석으로 붙여 넣을 수 있습니다. 이 그라디언트를 약간 변경하려는 경우 또는 브라우저 버전 18.0으로 인해 그라디언트를 업데이트해야하는 경우 사용자 또는 동료가 6 개월 후에 고맙게 생각합니다. 붙여 넣기 퍼머은이가 당신을 도울 것입니다 :

Answer 2

저장, 생성 된 CSS를 붙여 상황을 타개 같은

http://www.colorzilla.com/gradient-editor/

Answer 3

가 그물에 유효한 많은 제한 그라데이션 발전기는하지만 그들이 할 수 없습니다 반복, 각도, 명시적인 위치 등을 포함하는 복잡한 그라디언트에 대한 SVG (IE9) 코드 또는 이전 Webkit 코드를 만듭니다.

모든 CSS 선형 및 방사형 그래디언트에 대한 코드를 생성하는 VisualCSSTools에 작은 응용 프로그램이 있습니다.

유일한 제한은 이전 웹킷 구문 타원형 방사형 그라데이션을 허용하지 않는다는 것이다; 이들은 원형 그라디언트로 변환됩니다.