css-样式 transform旋转效果

最新推荐文章于 2024-08-26 07:28:57 发布

那一蔚蓝

最新推荐文章于 2024-08-26 07:28:57 发布

阅读量3k

点赞数

分类专栏： css 文章标签： css css3 前端

本文链接：https://blog.csdn.net/lijieaace/article/details/124640538

版权

本文介绍了CSS3的transform特性，包括rotate按角度旋转元素，改变转换原点以实现特定方向的旋转，以及如何通过复合属性进行多形态转换。此外，还探讨了使用scale实现图片等比例缩放和opacity调整元素透明度的方法。需要注意的是，多个transform属性会按层叠性生效，且应以复合属性形式书写。

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

1、rotate按角度旋转

 img {
   
            width: 250px;
            transition: all 2s;
        }
img:hover {
   
            /* 顺 */
            transform: rotate(360deg);

            /* 逆 */
            /*