CSS动画悬停效果

Question

我正在寻求有关 CSS 悬停效果的帮助。

悬停时，我在 div 水平底部有一个边框效果。悬停时如何将其设置为在 div 的垂直右侧工作？

Answer 1

您应该在右边框悬停时应用效果，同时移除底部的效果，如下例所示:

div:hover {border-right: 1px solid red; border-bottom-style: none;}