700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css实现文字/图标旋转90度/水平翻转/垂直翻转

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

时间:2021-11-20 08:57:24

相关推荐

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)}

四 效果图

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。