本文主要是介绍css实现图片旋转功能，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
《css实现图片旋转功能》：本文主要介绍了四种CSS变换效果：图片旋转90度、水平翻转、垂直翻转，并附带了相应的代码示例，详细内容请阅读本文，希望能对你有所帮助...
一 css实现图片旋转90度
.icon{
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
}二 水平翻转
.icoChina编程n { color: #f64e78; font-size: 20px; display: inline-bjavascriptlock; -moz-transform:scaleX(-1); -webkit-transformpython:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1www.chinasem.cn); }
三 垂直翻转
.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图片旋转内容请搜索China编程(www.chinasem.cn)以前的文章或继续浏览下面的相关文章，希望大家以后多多支持编程China编程(www.cppcns.cowww.chinasem.cnm)！
这篇关于css实现图片旋转功能的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
