HTML 鼠标悬停箭头翻转动画代码示例

CSS 代码：

.arrow { display: inline-block; transform: translateY(2px); transition: transform 0.3s ease; }

.arrow:hover { transform: rotate(180deg) translateY(-2px); }

上述代码使用了 Font Awesome 图标库中的角度图标 (fa-angle-down)，你可以使用其他图标或自己绘制一个箭头图标来替代。