css实现图片旋转功能
2025年02月08日
•
Css
•
我要评论
一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);}二 水平翻转.icon
一 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弹性布局常用设置方式
一、单位元素vm 1vm 为视口的1%vh 视口高的1%vmin 参照长边vmax 参照长边rem 等比缩放需要设置最外层盒子html设置vw根字号html的-...
[阅读全文]
-
ubuntu系统中需要安装vscode,该怎么下载安装并进行配置呢?下面我们一起来看看。一、主机windows与虚拟机ubuntu联动实现两系统之间的跨系统复制粘贴1.打开终端2.…
-
-
在之前,我们有些过这么一篇文章 - 使用 css 轻松实现高频出现的各类奇形怪状按钮。里面包含了如下这些图形:你可以在这里看到:codepen demo -- css variou…
版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。
发表评论