css32D图片转动样式实例代码

本篇内容介绍了“css3 2D图片转动样式实例代码”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

创新互联专注于企业成都全网营销、网站重做改版、宜君网站定制设计、自适应品牌网站建设、H5技术电子商务商城网站建设、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为宜君等各大城市提供网站开发制作服务。

代码如下:

/*css3 2D图片转动样式*/ 
.leftyyy //向左转动30度,这个30度是我自认为的。可以拿去测试就知道了-30向左,30向右 
{ 
transform:rotate(-30deg); 
-webkit-transform:rotate(-30deg); /* Safari and Chrome */ 
-moz-transform:rotate(-30deg); /* Firefox */ 
} 
.rightyyy 
{ 
transform:rotate(30deg); 
-webkit-transform:rotate(30deg); /* Safari and Chrome */ 
-moz-transform:rotate(30deg); /* Firefox */ 
}

“css3 2D图片转动样式实例代码”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


本文题目:css32D图片转动样式实例代码
URL网址:http://scyanting.com/article/ijhohc.html