jquery css3 градиент плагин

Question

Кто-нибудь знает о jQuery css3 плагин, который поддерживает кросс-браузер градиенты. Все плагины градиента, которые я видел до сих пор, основаны на создании множества элементов.

Спасибо.

Редактировать: Извините, что неясно, я не пытаюсь заставить CSS3 работать в браузерах, которые его не поддерживают. Я знаю, что могу использовать градиенты в браузерах, поддерживающих градиенты CSS3, и используя фильтры IE. Я пытаюсь увидеть, если кто-то уже написал плагин jQuery, чтобы я мог сделать это в коде.

например, jquery core стандартизирует elem.css('opacity', '.5') так, чтобы он работал в кросс-браузерах независимо от разных синтаксисов. Ищите что-то подобное для градиентов.

Но если этого не существует, я думаю, я просто напишу сам.

Answer 1

Сегодня вы используете cssHooks для обработки градиентов jquery cross browser.

Answer 2

создание множества элементов - единственный способ получить градиент кросс-браузера, когда вы не хотите использовать изображение - и jquery не может создавать изображения динамически. используйте один из этих (плохих?) плагинов или просто используйте Photoshop (или gimp (или краску)), чтобы создать свой градиент.

мои любимый: поддержка градиенты для хороших, современных браузеров (новый Safari/Firefox версия, Internet Explorer) и использовать обычный цвет фона в качестве запасного варианта для плохих браузеров (старого сафари/версия Firefox)

ПРИМЕЧАНИЕ: в этом случае IE является одним из хороших браузеров, он supports градиентов, так как ... все время я могу помнить

Answer 3

Не определенно jQuery, но с использованием Raphael (javascript graphics library) вы можете установить кросс-браузерные градиенты , См. Настройки под http://raphaeljs.com/reference.html#attr.

Примечание: это реализация библиотеки векторной графики, которая использует различные технологии в зависимости от браузера для достижения своих эффектов.

Answer 4

Единственный кросс-браузерный способ создания градиента - создавать элементы с изменяющимися цветами фона. Поддержка млн унций, WebKit и IE браузеры возможно, с 3-мя правилами (каждый градиент):

/* IE */ 
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#ffffff00,endColorstr=#00000000); 
/* webkit(Safari, Chrome) */ 
-webkit-gradient(linear,left bottom,right bottom,color-stop(1, rgb(0,0,0)),color-stop(0, rgb(255,255,255))); 
/* mozilla(Firefox) */ 
-moz-linear-gradient(left center,rgb(0,0,0) 100%,rgb(255,255,255) 0%); 

Тогда вы могли бы иметь запасной вариант с нормальным цветом фона.

Answer 5

Mmmmm, pie.

CSS3PIE - Progressive Internet Explorer - makes Internet Explorer 6-8 capable 
of rendering several of the most useful CSS3 decoration features. 

Этот .htc действительно легко реализовать и использовать.

Answer 6

Если вы считаете, что кодирование CSS3-градиентов затруднено, вы можете попробовать генераторы градиентов CSS3. Вы можете найти список градиентов here.