css实现简单翻转效果

div
{
margin:30px;
width:200px;
height:100px;
background-color:yellow;
/* Rotate div /
transform:rotate(60deg);
-ms-transform:rotate(60deg); / Internet Explorer /
-moz-transform:rotate(60deg); / Firefox /
-webkit-transform:rotate(60deg); / Safari 和 Chrome /
-o-transform:rotate(60deg); / Opera */
}
<div>Hello Transform</div>

简单翻转效果