transform css3 的使用及理解

时间：2018-05-12 20:35:47 阅读：232 评论：0 收藏：0 [点我收藏+]

1、transform是什么？变形，改变

2、transform 常用属性 rotate() / skew() / scale() / translate(,) ，分别还有x、y之分，比如：rotatex() 和 rotatey() ，以此类推

3、分别的意义：

rotate()：旋转旋转左10度 transform : rotate(-10deg) deg表示度数

skew() ：向左倾斜10度 transform : rotate(10deg)

scale() : 放大1.5倍 transform : rotate(1.5)

translate() ：位移向右偏移20px,向上偏移15px translate(20,15) 如果是向下和向左则是负数

以下表示适合什么内核

-ms-transform:rotate(7deg); //-ms代表ie内核识别码

-moz-transform:rotate(7deg); //-moz代表火狐内核识别码

-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码

-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码

transform:rotate(7deg); //统一标识语句。最好这句话也写下去，符合w3c标准

原文地址：https://www.cnblogs.com/lanSeGeDiao/p/9029577.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行