CSS3 transform:rotate
CSS3 transform:rotate属性可以让元素旋转，这是一个很有用的功能，可以让我们创造出更加丰富的动态效果。
使用方法
使用CSS3 transform:rotate属性旋转元素，需要使用transform属性，并且指定rotate值。
transform:rotate(angle);
其中angle是一个可选的参数，它可以是一个正数，表示顺时针旋转；可以是一个负数，表示逆时针旋转；也可以是一个百分比，表示以元素的宽度或高度为基准，旋转一定的角度。
例如，如果要将一个div元素顺时针旋转45度，可以使用如下代码：
div{
transform:rotate(45deg);
}
如果要将一个div元素逆时针旋转90度，可以使用如下代码：
div{
transform:rotate(-90deg);
}
如果要将一个div元素沿着元素的宽度旋转45度，可以使用如下代码：
div{
transform:rotate(45%);
}
如果要将一个div元素沿着元素的高度旋转90度，可以使用如下代码：
div{
transform:rotate(-90%);
}
还可以使用transform-origin属性来指定旋转的中心点，以便更加精确的控制旋转效果。
CSS3 transform:rotate属性可以让我们轻松的创建出各种各样的旋转效果，为网页带来更加丰富的动态效果。