对于此悬停用例，我应该使用 CSS 还是 Javascript？

Question

我正在构建一个网站，其中容器内有图像。我希望能够将鼠标悬停在容器上，并且图像会向上移动 40 像素左右。在这种情况下我需要使用 Javascript 还是有一个只能利用 CSS 的解决方案？

提前致谢。

Answer 1

没有理由涉及 JavaScript - 只需使用 CSS 中的伪选择器

:hover

。其他人在回答这个问题时提出了各种方法来做到这一点。

如果你想让图像向上动画，而不仅仅是立即移动，你也可以使用 CSS 动画。