html - 汉堡图标动画的动画不起作用

Question

我正在尝试为我的汉堡包图标创建一个旋转动画，但无论出于何种原因它都无法正常工作。我什至尝试将其设置为“.hamburger a:hover”，但似乎没有任何效果。请问有人能找到解决办法吗？

CSS

HTML

标签： htmlcssanimationhamburger-menu

Answer 1

1. 更改.hamburger :hover为.hamburger:hover- 没有空格。

2. .hamburger a表示具有汉堡包类的元素，其中包含a标签。你的代码中没有这个。更改.hamburger a为a.hamburger- 这意味着a带有汉堡类的标签。