Css3 WebKit Градиент старый синтаксис

Question

Я экспериментировал с радиальными градиентами css3 и придумал красивый градиент:

background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);

Теперь я пытаюсь сделать это кросс-браузерным. Что будет эквивалентно приведенному выше для старого синтаксиса -webkit-градиента («радиальный»)?

UPDATE Проще говоря, можно нарисовать эллипс со старым синтаксисом?

Answer 1

К сожалению, это невозможно.Вы могли бы применить круговой радиальный градиент и затем сжать его с помощью преобразований CSS, как здесь: CSS3 Радиальные градиенты с RGBA () , но я бы не рекомендовал этот подход.

Я бы рекомендовалиспользуя фоны SVG, вы можете сгенерировать свой собственный градиент на веб-сайте Microsoft:

http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html

Обеспечивает превосходное покрытие во всех браузерах (они являются только слепым пятном в Firefox 3.6).