指针事件动画无法在Safari上运行

Question

有什么方法可以在Safari中制作下一个代码？悬停后，Safari无法检测到标签。

.wrap {
  width: 100px;
  background-color: grey;
  height: 100px;
}

.wrap:hover a {
  pointer-events: none;
  animation: pointerEvent 0s linear forwards .5s;
}

@keyframes pointerEvent {
  100% {
    pointer-events: auto;
  }
}

<div class="wrap">
  <a href="www.stackoverflow.com">  Demo </a>
</div>

我需要延迟指针事件，因为a标签位于div内，该div上具有转换动画。如果我不延迟事件，则可以在转换结束之前单击标签。 具体问题出在页脚here

Answer 1

我不能仅使用CSS来解决它，我不得不放弃并添加Javascript代码