關(guān)于css3的各個瀏覽器的前綴_CSS3教程
推薦:css3中漸變背景的動畫嚴格來說,目前各個瀏覽器都還不支持 css3的漸變背景的動畫,所以在制作的時候我們要靈活變通下,這里有兩種方法可以曲折實現(xiàn)漸變背景的動畫: 第一種:妙用background-color,有些是簡單的顏色漸變,比喻由淺綠到深綠,那么你就可以把background-color設(shè)置為綠色,然
css3給人最鬧心的莫過于各個瀏覽器的前綴了,然后隨著各個瀏覽器的給力升級,有些前綴已經(jīng)默默的去掉了,我們還是寫那么一大堆。下面介紹幾個工具,來幫下我們。
第一個是prefix free,這是一個js文件,大小2kb,導(dǎo)入之后你根本都無須考慮前綴問題,直接寫不需要任何瀏覽器的前綴;
第二個是css3 please,這個權(quán)當一個css3前綴參考吧,有注釋說明的,一看就知道;
第三個就是prefix了,它的口號就是“Cross-Browser CSS in Seconds!”,顧名思義,除了能處理prefix之外,還能處理一些兼容問題。如opacity。你可以把你的代碼貼進去,然后點擊prefixize這個按鈕,就ok了;
第四個就不是工具了,而是應(yīng)用編輯器,運用各個編輯器的自動完成(目前我定義了editplus和sublime text的自動完成),可以事先定義好,然后寫一個自動出來多個,當然也可以應(yīng)用less或sass等來定義一些變量什么的。
分享:CSS3條件判斷——@supportsCSS3條件判斷,聽起來不明覺厲,如果你對CSS稍為熟悉一點的話,你會發(fā)現(xiàn)CSS中的@media就是條件判斷之一。是的,在CSS3的條件判斷規(guī)范文檔中包含了兩個部分,其一是@media規(guī)則,主要用來根據(jù)媒體屬性區(qū)分樣式表(特別是在Responsive設(shè)計中,發(fā)揮的作用更是強大);其二是@s
CSS3教程Rss訂閱Div+Css教程搜索
猜你也喜歡看這些
- html5 Canvas畫圖教程(10)—把面拆成線條模擬出圓角矩形
- 突襲HTML5之Javascript API擴展4—拖拽(Drag/Drop)概述
- html5 Canvas畫圖教程(4)—未閉合的路徑及漸變色的填充方法
- 用HTML5實現(xiàn)網(wǎng)站在windows8中貼靠的方法
- html5指南-2.如何操作document metadata
- 使用CSS實現(xiàn)彈性視頻html5案例實踐
- html5 svg 中元素點擊事件添加方法
- HTML5中微數(shù)據(jù)概述及在搜索引擎中的使用舉例
- html5指南-1.html5全局屬性(html5 global attributes)深入理解
- 利用HTML5中Geolocation獲取地理位置調(diào)用Google Map API在Google Map上定位
- 相關(guān)鏈接:
- 教程說明:
CSS3教程-關(guān)于css3的各個瀏覽器的前綴
。