CSS实现图片翻转技巧

在CSS中，通过Y轴旋转180度可实现图片翻转，下文将举例说明具体方法。

1、 创建一个名为test.html的文件，通过实例讲解CSS实现图片翻转的方法。

2、 在test.html中用img标签插入一张图片以进行测试。

3、 在test.html中，将img标签的class属性设置为mypic。

4、 利用class属性在CSS中定义图片的显示样式。

5、 通过在CSS中设置transform属性，利用rotateY使图片沿Y轴旋转180度，即可实现图像翻转效果。

6、 用浏览器打开test.html文件，观察实际运行效果。

7、 用img标签插入图片，并为其class属性赋值mypic。