Html CSS链接转换问题

我希望我的链接有一个平滑的过渡，无论我移动光标有多快。这个问题在这个例子中得到了证明：

问题是：如果我将鼠标缓慢地悬停在链接上，它就可以正常工作。但是，如果您将光标快速移动到链接，平滑过渡将消失，链接将直接到达该位置。当我快速移动光标时，如何获得平滑过渡

代码如下：

HTML:

---

首先，在使用CSS3属性时始终使用跨浏览器CSS，并且您已经为其正常视图设置了

transition

，在

上添加
transition
：hover

，它也可以正常工作。@Vivekkupadhayy:无需在

上设置额外的
transition
属性：hover

。当元素悬停或未悬停时，通用的

td

选择器适用。@Xufox十次发生一次。但不能完全复制。这种转变有时有效，有时无效。只有当我们将光标缓慢地移动到链接时才会发生这种情况。这是可行的，但问题是，当加载按钮时，实际上会产生缩放效果。

<table>
    <tr>
      <td>
        <a href="http://www.google.com" target="_blank">Google</a>
      </td>
    </tr>
  </table>

td {
  /*animation*/
  transition:all 0.5s ease;
  transform:translate3d(0, 0, 0);
}

/*Element Animations*/
td:hover {
  transform: translateX(18px);
}

td a {
  /*animation*/
  transition:all 0.5s ease;
  transform:translate3d(0, 0, 0);
  margin-left:0px;

}

/*Element Animations*/
td a:hover {
  margin-left:18px;
}