[分享]css3控制图片旋转

CSS3是一种新的技术，用于给网页增加更多的交互性和动态性。其中之一是控制图片的旋转。通过CSS3，可以使一张图片实现各种不同的旋转效果，例如顺时针旋转、逆时针旋转、3D旋转等。/顺时针旋转/ .ro...

CSS3是一种新的技术，用于给网页增加更多的交互性和动态性。其中之一是控制图片的旋转。通过CSS3，可以使一张图片实现各种不同的旋转效果，例如顺时针旋转、逆时针旋转、3D旋转等。

/*顺时针旋转*/
.rotate{
    transform: rotate(30deg);
}

/*逆时针旋转*/
.rotate{
    transform: rotate(-30deg);
}

/*3D旋转*/
.rotate{
    transform-style: preserve-3d; /*保持3D状态*/
    transform: rotateX(30deg) rotateY(30deg) rotateZ(30deg); /*绕着X、Y、Z轴同时旋转*/
} 

通过CSS3控制图片旋转，使网页更加生动有趣，同时为网页设计师提供了更多的创意空间。