您好,登錄后才能下訂單哦!
本文屬于入門級博文,大神可以自行屏蔽~
首先,關(guān)于CSS3的2D3D轉(zhuǎn)換的學習很有必要,因為可以利用這項技術(shù)輕松做出比較復雜的動畫效果,那么,我們就從w3school的教學課程入手開始學習吧!先試試最簡單的translate
.div2{ transform: translate(100px,100px); }
興高采烈地去看瀏覽器,發(fā)現(xiàn)谷歌瀏覽器沒有任何變化,這是為什么呢?這就需要我們這些馬大哈人士,注意一段文字了:
其實,每一個CSS3都會有官方對于瀏覽器支持的介紹,哪一個需要前綴,哪一個不需要前綴。記這個確實很麻煩,而且有的時候隨著瀏覽器的更新可能也會發(fā)生一些變化。比較穩(wěn)妥的方法就是給每一個都加上前綴:
.div2{ transform: translate(100px,100px); -webkit-transform:translate(100px,100px); -ms-transform:translate(100px,100px); -o-transform:translate(100px,100px); -moz-transform:translate(100px,100px); }
這里,webkit適配Chrome Safari,ms適配IE,o適配Opera,moz適配Mozilla Firefox,后面的三個都比較好記憶:
Opera瀏覽器,是一款挪威Opera Software ASA公司制作的,所以取一個開頭字母,很合適。
ms很直白:Microsoft 微軟嘛
Mozilla:開發(fā)firefox的組織名。
這個webkit是個啥呢?
WebKit 是一個開源的瀏覽器引擎,與之相對應的引擎有Gecko(Mozilla Firefox 等使用)和Trident(也稱MSHTML,IE 使用)。
詳參:WebKit百度百科
當我們了解到每一個瀏覽器基本上都有對應的前綴之后,我們確實可以給不同瀏覽器設(shè)置不同的顯示風格。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。