CSS3 Javascript библиотека для градиентов?

Question

Есть ли способ создать градиенты с помощью CSS3, а затем - с помощью javascript (или на стороне сервера?) - я смогу поддерживать IE или другие неподдерживаемые браузеры?Я имею в виду - библиотека js преобразует градиент в фон PNG ..

Есть ли что-то подобное?

Answer 1

Я не смог найти способ конвертировать CSS-градиенты в PNG, я предполагаю, что вам придется их создавать заранее и отображать правильный фон в зависимости от пользовательского агента (то есть фон PNG для старых браузеров).

Однако, если вы ищете способ создания градиентов в CSS3 для всех браузеров, попробуйте этот веб-сайт:
http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/
Это даст вам рецепт для градиентов во всех браузерах.

Answer 2

На самом деле это возможно, используя URL (данные ...) и передавая данные растрового изображения base64, определяющие ваш png на лету.См. http://www.patternify.com/ для примера этой техники в действии

Answer 3

Я также нашел этот крутой инструмент:

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

Он дает вам возможность настроить градиент (с большим количеством функций) и поддерживает все браузеры!Здорово!