CSS3笔记2— transform旋转、缩放、倾斜、移动

最新推荐文章于 2024-07-26 09:56:47 发布

erdouzhang

最新推荐文章于 2024-07-26 09:56:47 发布

阅读量6.2k

点赞数 1

分类专栏： html5+css3 文章标签： css3

本文链接：https://blog.csdn.net/erdouzhang/article/details/61912703

版权

本文详细介绍了CSS3中的变换属性，包括旋转(rotate)、缩放(scale)、倾斜(skew)和移动(translate)，以及如何通过transition实现平滑的动画效果。通过实例代码展示了各个属性的使用方法和兼容性处理。

摘要由CSDN通过智能技术生成

1.旋转

这里写图片描述

CSS：

<style>  
   div {
     width: 200px;
     height: 200px;
     background-color: pink;

     -ms-transform: rotate(45deg);/*IE9*/
     -moz-transform: rotate(45deg);/*Firefox*/
     -webkit-transform: rotate(45deg);/*Safari 和 Chrome*/
     -o-transform: rotate(45deg);/*Opera*/
   }
 </style>