CSS中利用transform属性可轻松实现图片旋转效果,接下来通过实例进行详细说明。
1、 创建名为test.html的文件,通过CSS实现图片旋转45度的示例演示。
2、 在test.html中用img标签插入一张图片以进行测试。
3、 在test.html中,将img标签的class属性值设为myimg。
4、 通过class属性在CSS中为图片设置样式,将其外边距定义为100像素。
5、 在CSS中通过transform属性设置图片旋转45度即可实现倾斜效果。
6、 用浏览器打开test.html文件,即可查看实际效果。
7、 利用img标签插入图片,并将其class属性设定为myimg。
评论
更多评论