css实现文字/图标旋转90度/水平翻转/垂直翻转

css实现文字/图标旋转90度/水平翻转/垂直翻转一 css 实现图片旋转 90 度 icon moz transform rotate 90deg webkit transform rotate 90deg 二水平翻转 icon col

大家好,欢迎来到IT知识分享网。

一 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实现文字/图标旋转90度/水平翻转/垂直翻转

css实现文字/图标旋转90度/水平翻转/垂直翻转

 

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/120653.html

(0)
上一篇 2025-10-28 12:26
下一篇 2025-10-28 12:45

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信