當(dāng)前位置:
首頁(yè) >
transform css3 的使用及理解
發(fā)布時(shí)間:2025/3/21
34
豆豆
生活随笔
收集整理的這篇文章主要介紹了
transform css3 的使用及理解
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、transform是什么?? ?變形,改變 2、transform 常用屬性? rotate() / skew() / scale() / translate(,) ,分別還有x、y之分,比如:rotatex() 和 rotatey() ,以此類推 3、分別的意義: rotate():旋轉(zhuǎn) 旋轉(zhuǎn)左10度 transform : rotate(-10deg)? ? ? deg表示度數(shù) skew()? :向左傾斜10度?transform : rotate(10deg)?? scale() :? 放大1.5倍?? ??? ?transform : rotate(1.5)?? translate() :位移 向右偏移20px,向上偏移15px? ? ?translate(20,15)? ?如果是向下和向左則是負(fù)數(shù) 以下表示適合什么內(nèi)核 -ms-transform:rotate(7deg); //-ms代表ie內(nèi)核識(shí)別碼 -moz-transform:rotate(7deg); //-moz代表火狐內(nèi)核識(shí)別碼 -webkit-transform:rotate(7deg); //-webkit代表谷歌內(nèi)核識(shí)別碼 -o-transform:rotate(7deg); //-o代表歐朋【opera】?jī)?nèi)核識(shí)別碼 transform:rotate(7deg); //統(tǒng)一標(biāo)識(shí)語(yǔ)句。最好這句話也寫(xiě)下去,符合w3c標(biāo)準(zhǔn) 參考博文?http://www.daqianduan.com/2959.html
轉(zhuǎn)載于:https://www.cnblogs.com/lanSeGeDiao/p/9029577.html
《新程序員》:云原生和全面數(shù)字化實(shí)踐50位技術(shù)專家共同創(chuàng)作,文字、視頻、音頻交互閱讀總結(jié)
以上是生活随笔為你收集整理的transform css3 的使用及理解的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: LinkedHashMap分析
- 下一篇: python爬虫学习:爬虫QQ说说并生成