一 css实现图片旋转90度
1 2 3 4 | .icon{ -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);} |
二 水平翻转
1 2 3 4 5 6 7 8 9 | .icon { color: #f64e78; font-size: 20px; display: inline-block; -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1);} |
三 垂直翻转
1 2 3 4 5 6 7 8 9 | .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图片旋转内容请搜索IT俱乐部以前的文章或继续浏览下面的相关文章，希望大家以后多多支持IT俱乐部！
