jquery css3漸變插件

有誰知道支持跨瀏覽器漸變的jquery css3插件。到目前爲止，我所見過的所有漸變插件都基於創建很多元素。jquery css3漸變插件

謝謝。

編輯：對不起，我不想讓CSS3在不支持它的瀏覽器上工作。我知道我可以在支持CSS3漸變的瀏覽器上使用漸變，並使用IE過濾器。我試圖看看是否有人已經寫了一個jQuery插件，以便我可以在代碼中完成。

例如jquery核心標準化elem.css('opacity', '.5')，以便它可以跨越不同語法的跨瀏覽器工作。尋找這樣的梯度也是如此。

但是，如果它不存在，我想我會自己寫。

來源

2010-07-26 Mark

CSS3支持漸變，你不需要jQuery插件。問題是並非所有的瀏覽器都實現了CSS3。 – RaYell 2010-07-26 14:20:08

@RaYell，我想要做一些像'elem.css（gradient（＃000）.to（#fff））;'在js中，而不必手工手動寫出所有的CSS，這非常煩人。 – Mark 2010-07-26 17:24:49

今天你用cssHooks做jQuery漸變跨瀏覽器。

來源

2012-02-12 19:33:26 Mark

創建很多元素是在不想使用圖像時獲得跨瀏覽器漸變的唯一方法 - 並且jquery無法動態創建圖像。使用這些（糟糕的）插件之一或者只是使用Photoshop（或GIMP（或繪畫））來創建您的漸變。

我最喜歡的是：爲漂亮，現代瀏覽器的支持梯度（新的Safari/Firefox的版本，Internet Explorer），然後使用正常的背景顏色作爲後備的壞瀏覽器（舊的Safari/Firefox的版本）

注：在這種情況下，IE是一個很好的瀏覽器，它supports漸變自...我一直記得

來源

2010-07-26 14:21:26 oezi

不是專門jQuery，但使用拉斐爾（JavaScript圖形庫），你可以設置跨瀏覽器漸變。請參閱http://raphaeljs.com/reference.html#attr下的設置。

注意：這是一個矢量圖形庫實現，它根據瀏覽器使用各種技術來實現其效果。

來源

2010-07-26 14:24:38 ScottS

創建漸變的唯一跨瀏覽器方式是創建具有不斷變化背景顏色的元素。對於MOZ支持，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%);

然後，你可以有一個正常的背景顏色備用。

來源

2010-07-26 14:35:56 tcooc

Mmmmm, pie.

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

這.htc是很容易實施和使用。

來源

2010-07-26 16:47:57 FelipeAls

如果您發現編碼CSS3漸變困難，您可以嘗試CSS3漸變生成器。你可以找到漸變列表here。

來源

2012-02-12 18:16:40 GILL

jquery css3漸變插件

回答

相關問題