CSS屬性擴展

我是一名Web開發人員，我最近查看了GMAIL的新預覽版LOGIN PAGE，並且有一個Sign In按鈕，我對它的用戶界面非常興奮。我做了頁面的CSS的一些手術，發現了一些性能，如：CSS屬性擴展

**background-color: #4D90FE; 
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed)); 
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed); 
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed); 
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed); 
background-image: -o-linear-gradient(top,#4d90fe,#4787ed); 
background-image: linear-gradient(top,#4d90fe,#4787ed);**

現在誰能告訴我怎樣才能最大限度地提高頁面的優化使用這些類型的CSS擴展屬性的所有流行的瀏覽器。我的意思是有任何這些擴展或其他一些好東西的任何參考鏈接。

謝謝。

來源

2011-09-08 Nishant Kumar

-1

這是一個列表，我始終把我作爲一個參考點。

我希望這是一些使用給您

http://qooxdoo.org/documentation/general/webkit_css_styles

來源

2011-09-08 08:51:15

哇，對我來說是一個很好的資源，我收藏它，謝謝... –

記住要感謝;）它的一個最好的鏈接我得到了css3屬性:) –

鏈接已損壞，請修復它 – hasen

您應該使用谷歌找到這樣的信息，它的很多已經出現了自2010年初

但這裏有一些瀏覽器特定梯度代碼示例：

.gradient-bg { 
    /* fallback/image non-cover color */ 
    background-color: #1a82f7; 

    /* fallback image */ 
    background-image: url(images/fallback-gradient.png); 

    /* Safari 4+, Chrome 1-9 */ 
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7)); 

    /* Safari 5.1+, Mobile Safari, Chrome 10+ */ 
    background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 

    /* Firefox 3.6+ */ 
    background-image: -moz-linear-gradient(top, #2F2727, #1a82f7); 

    /* Opera 11.10+ */ 
    background-image: -o-linear-gradient(top, #2F2727, #1a82f7); 
}

取自here。

來源

2011-09-08 08:52:14 Kyle

其實我試過了它之前採取stackoverflow步驟，但無法找到單一的資源，我可以找到所有主要的Web瀏覽器的完整列表，但感謝這些信息... –

找出哪個瀏覽器支持哪個選擇器有很多測試。

如果您只需要跨瀏覽器梯度，請使用http://www.colorzilla.com/gradient-editor/（也支持IE6-9）。

要知道，哪種瀏覽器支持哪種技術http://caniuse.com是一個很好的資源。

來源

2011-09-08 08:55:27 feeela

這就是我正在尋找「CSS漸變」。非常感謝... –

有Mozilla的CSS擴展的非常全面的列表（或根本的東西，都尚未完全標準化）位置：https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

也有試圖列出http://webdesign.about.com/od/css/a/css-extensions.htm但在所有的供應商特定的CSS屬性它可能相當不完整並且過時 - 這個區域變化很快。最後，你應該看看CSS3。一個功能已經在那裏列出，這意味着供應商前綴很可能很快就會被刪除 - 或者它不是，然後在製作網頁中使用這個功能是不值得推薦的（它的含義可能會發生重大變化，或者瀏覽器可能會停止支持它）。

來源

2011-09-08 09:22:18

感謝您的Mozilla Firefox瀏覽器擴展名列表... –

CSS屬性擴展

回答

相關問題