旋转、水平翻转、垂直翻转

1.旋转 div 元素：

div
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}

/*水平*/
.flipx { transform: rotateY(180deg); }

/*垂直*/
.flipy { transform: rotateX(180deg); }

2.水平翻转

div{ -moz-transform:scaleX(-1); -webkit-transform:scaleX(-1); -o-transform:scaleX(-1); transform:scaleX(-1); /*IE*/ 

 filter:FlipH;

}

3.垂直翻转

.div{ -moz-transform:scaleY(-1); -webkit-transform:scaleY(-1); -o-transform:scaleY(-1); transform:scaleY(-1); /*IE*/ filter:FlipV; }

转载于:https://www.cnblogs.com/zhouyx/p/4617799.html