在CSS悬停中动态更改左右

Question

我想更改此css中的左值和最高值（带有悬停和之后）

a[title]:hover:after {
  content: attr(title);

  padding: 10px 10px;
  color: red;
  position: absolute;
  left: 10px;
  top: 30px;
  white-space: nowrap;
  z-index: 5;
  border-radius: 5px ;
  background: yellow;
}

我希望CSS中的top和left值根据鼠标指针的位置动态变化。可能吗？我该怎么办？