Css 图像旋转180度？

我只是一个初学者，所以我真的不知道如何做这个CSS样式

我需要使这个（gif）旋转180度，但我似乎无法让它工作

这是我的HTML：

<header>
    <h1><img src="pictures/accent.gif" alt="accent"  />Tomatoes are Fruit!</h1>

西红柿是水果！

我试过这个CSS：

重音{变换：旋转（180度）；}

我尝试将

重音

更改为

accent.gif

和

#accent

和

h1 accent

，但它不起作用，所以我不确定这是我弄错的还是我的风格。这又是一个很新的话题

---

编辑：对不起，我刚刚添加了图片。我添加了这个类，但它仍然不起作用。我猜一旦格式正确，橙色的小线条看起来像是在旋转。

您应该在CSS和HTML中添加类选择器。在您的代码中，您提到了

alt

属性，当图像未显示且不打算在CSS中使用时，该属性用于替代文本

。重音{
变换：旋转（180度）；
}

西红柿是水果！

请编辑您的问题并添加gif和修改后的说明