其中，CSS3提供了新的变形和过渡属性，可以实现更加复杂和生动的动画效果。而在进行元素旋转的时候，大家可以使用CSS3的
transform属性，配合
rotate函数实现。
div {
transform: rotate(45deg); /* 将div元素旋转45度 */
}其中，
transform属性指定了元素进行变形时所使用的基础函数，
rotate()函数用于设定旋转的角度。在该样式中，大家将
元素进行了45度的旋转。
大家可以通过改变旋转的角度，实现多种不同的效果：
div {
transform: rotate(90deg); /* 旋转90度 */
}
div {
transform: rotate(180deg); /* 旋转180度 */
}
div {
transform: rotate(-45deg); /* 逆时针旋转45度 */
}除了旋转角度之外，大家还可以指定旋转的中心点。在默认情况下，元素的中心点为自身的中心点。若要改变这一点，大家可以使用
transform-origin属性：
div {
transform: rotate(45deg);
transform-origin: 50% 50%; /* 将旋转中心点设为元素中心点 */
}
div {
transform: rotate(45deg);
transform-origin: 0 0; /* 将旋转中心点设为元素左上角 */
}
div {
transform: rotate(45deg);
transform-origin: 100% 100%; /* 将旋转中心点设为元素右下角 */
}在该样式中，大家使用了
transform-origin属性，分别将旋转中心点设为元素中心点、左上角和右下角。
CSS3+动画旋转角度是一项十分实用且易于掌握的技术，对于实现网页中各类元素的旋转和动画效果非常有益。