這篇文章主要為大家展示了“Css3中變形屬性的注意事項有哪些”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“Css3中變形屬性的注意事項有哪些”這篇文章吧。

創新互聯科技有限公司專業互聯網基礎服務商，為您提供西部信息中心，高防服務器租用，成都IDC機房托管，成都主機托管等互聯網服務。

transform屬性，最最重量CSS3改變。讓元素在2D、3D進行形狀的變化。

1、2D變形

deg表示degree（度數），單位不能少，只有deg單位，沒有別的單位。

rotate(angle)在參數中規定角度

skew(x-angle,y-angle)沿著 X和 Y軸的 2D傾斜轉換。

skewX(angle)沿著 X軸的 2D傾斜轉換。

skewY(angle)沿著 Y軸的 2D傾斜轉換。

scale(x,y)

沿著 X和 Y軸的 2D縮放轉換。 大于1：放大， 0~1：縮小。

scaleX(x)設置 X軸的值來定義縮放轉換。

scaleY(y)設置 Y軸的值來定義縮放轉換。

注意：

沒有變形:transform:none;

多種變形用空格隔開。ef：transform:scale(0.5) skew(10deg,20deg) rotate(30deg);

2、3D變形

2013年谷歌推出了Chrome36，正式宣告CSS進入了3D時代。

translate3d(x,y,z)沿著 X、Y和Z軸的 3D轉換。

translate空間移動

translateX(x)轉換，只是用 X軸的值。

translateY(y)轉換，只是用 Y軸的值。

translateZ(z) 3D轉換，只是用 Z軸的值。

rotate3d(x,y,z,angle)沿著 X、Y和Z軸的 3D旋轉。

rotate旋轉

rotateX(angle)沿著 X軸的 3D旋轉。

rotateY(angle)沿著 Y軸的 3D旋轉。

rotateZ(angle)沿著 Z軸的 3D旋轉。

perspective(n)為 3D轉換元素定義透視視圖（景深）。

以上是“Css3中變形屬性的注意事項有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

當前題目：Css3中變形屬性的注意事項有哪些
網址分享：http://vcdvsql.cn/article14/phooge.html

成都網站建設公司_創新互聯，為您提供外貿網站建設、Google、移動網站建設、網站設計公司、服務器托管、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯