- A+
所属分类:编程茶楼
复制代码
代码如下:
/*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 */
}
.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 */
}
可以扩充到Js当中,进行图片转动效果,如抽奖等等,