一 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图片旋转内容请搜索代码网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持代码网!
发表评论