html反转图片代码

HTML中反转图片可以通过CSS的transform:rotate属性实现。我们可以使用这个属性来操纵一张图片，使其水平或垂直翻转或以任何角度旋转。

img{
    transform:rotateY(180deg);
}

在上面的代码中，我们使用transform:rotateY属性来水平翻转图像，也可以使用transform:rotateX来垂直翻转图像。我们还可以指定旋转的度数，如transform:rotate(45deg)，这将使图像在45度角旋转。

我们可以将这些代码放在我们的CSS文件中，然后将CSS文件链接到HTML文档中。

然后，在HTML文档中，我们可以使用标签来显示图像。

当我们在CSS文件中设置图像的旋转时，在HTML文档中的图像将会被旋转。如果需要对多张图片进行旋转，我们可以使用类或ID选择器来选择不同的图片。

.rotate{
    transform:rotateY(180deg);
}

#logo{
    transform:rotate(45deg);
}

在这个例子中，我们使用.rotate类选择器将图片1和图片2进行水平翻转，并使用#logo ID选择器将logo.jpg文件旋转45度。这些CSS样式将应用于它们所匹配的所有图像。

总体来说，使用CSS的transform属性可以很方便地实现HTML中图像的旋转，使其看起来更加美观、生动。