当我将鼠标悬停在锚点上时，我希望锚点向右移动，并且动画很轻松

Question

基本上，当我将鼠标悬停在锚点上方时，我希望锚点以流畅的动画向右移动。我在锚点之前设置了一个“>”，我不想移动它。我设法在我不久前创建的一个网站上做到了这一点，但丢失了文件并且不记得如何做到这一点。希望得到一些帮助。

a::before {
    content: ">";
    color: black;
}

a:hover {
    right: -2px;
}

Answer 1

您需要正确的选择器。 a:hover:before 在标签悬停时选择:before 伪元素。

这假设您这里缺少更多代码。

a:before {
    content: ">";
    color: black;
}

a:hover:before {
    right: -2px;
}

Answer 2

类似这样的：

a::before {
  content: ">";
  color: black;
  display: inline-block;
  padding-right: 0;
  transition: all 1s ease;
}

a:hover::before {
  padding-right: 5px;
}

<a href="#">Linky</a>