一 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)
}
四 效果图