css实现图片旋转功能

一 css实现图片旋转90度

.icon{  -moz-transform:rotate(-90deg);  -webkit-transform:rotate(-90deg);}

二 水平翻转

.icon {    color: #f64e78;        display: inline-block;    -moz-transform:scaleX(-1);    -webkit-transform:scaleX(-1);    -o-transform:scaleX(-1);    transform:scaleX(-1);}

三 垂直翻转

.icon {    color: #f64e78;        display: inline-block;    -moz-transform:scaleY(-1);    -webkit-transform:scaleY(-1);    -o-transform:scaleY(-1);    transform:scaleY(-1)}

四 效果图

到此这篇关于css实现图片旋转功能的文章就介绍到这了,更多相关css图片旋转内容请搜索本站以前的文章或继续浏览下面的相关文章，希望大家以后多多支持本站！