css实现图片旋转功能
发布时间：2025-02-07 16:20:53 作者：大得369 
我要评论
我要评论文章介绍了四种CSS变换效果：图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例，代码简单易懂，感兴趣的朋友跟随小编一起看看吧
一 css实现图片旋转90度
.icon{
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}二 水平翻转
.icon {
color: #f64e78;
font-size: 20px;
display: inline-block;
-moz-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
-o-transform:scaleX(-1);
transform:scaleX(-1);
}三 垂直翻转
.icon {
color: #f64e78;
font-size: 20px;
display: inline-block;
-moz-transform:scaleY(-1);
-webkit-transform:scaleY(-1);
-o-transform:scaleY(-1);
transform:scaleY(-1)
}四 效果图
到此这篇关于css实现图片旋转功能的文章就介绍到这了,更多相关css图片旋转内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
相关文章
本文主要介绍了CSS中图片旋转超出父元素解决办法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学2023-09-06
这篇文章主要介绍了CSS实现鼠标上移图标旋转效果,需要的朋友可以参考下2017-06-17
这篇文章主要介绍了使用纯CSS实现3D旋转效果的示例代码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学2020-01-03
这篇文章主要介绍了CSS动态渐变色边框围绕内容区域旋转的效果,代码简单易懂非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-11-18- 本文通过实例代码给大家介绍了css实现旋转翻牌动画效果，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧2019-10-09
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产
这篇文章主要介绍了CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产的相关知识，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下2018-11-18
这篇文章主要介绍了css制作收缩圆环旋转效果实例代码,需要的朋友可以参考下2018-02-26- 这篇文章通过实例代码给大家介绍了利用CSS实现立方体360度旋转效果的方法，实现后的效果非常炫酷，而且实现的代码非常简单，对大家的理解和学习很有帮助，有需要的朋友们下2016-10-18
- 下面小编就为大家带来一篇关于css旋转动画效果的简单实现。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-19
最新评论