使用CSS3旋转图片180度
CSS3中提供了一个transform属性,可以实现图片的旋转,具体的实现方法如下:
在CSS中定义一个类,类名可以自定义,比如“rotate”:
.rotate {
transform: rotate(180deg);
}
在HTML中,将需要旋转的图片的class设置为“rotate”:
在浏览器中查看,图片就会旋转180度。
由于CSS3的transform属性可以实现各种变换,所以,我们也可以使用transform属性来实现其他的变换,比如缩放、倾斜等。
千锋教育是高品质web前端培训机构,千锋教育拥有大量实力web前端培训讲师,提供优质的web培训课程,web前端培训,欢迎报名千锋教育。