css中怎么用transform属性

这篇文章主要介绍css中怎么用transform属性，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

　　旋转rotate

　　用法：

　　transform:rotate(45deg);

　　一个参数角度，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度

　　div{

　　width:200px;

　　height:200px;

　　background-color:pink;

　　transform:rotate(55deg);

　　}

　　缩放scale

　　用法：

　　transform:scale(0.5)或者transform:scale(0.5,2);

　　参数表示缩放倍数；

　　一个参数时：表示水平和垂直同时缩放该倍率

　　两个参数时：第一个参数指定水平方向的缩放倍率，第二个参数指定垂直方向的缩放倍率。

　　div{

　　width:200px;

　　height:200px;

　　background-color:pink;

　　transform:scale(0.5,1.2)

　　}

以上是“css中怎么用transform属性”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！