html - 转换transformY在Safari上不起作用

它可以在台式机上的Chrome上很好地运行，但在iPhone 8上的Safari（Safari和Chrome上）上却无法实现动画效果。

有任何想法吗？

.voting-block {
    padding-top:20px;
  display:inline-block;
}

.voting-block2 {
    cursor:pointer;
    height: 77px;
    width: 74px;
    border: none;
    outline:none;
    display:inline-block;
}

.voting-block2:active {
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

<div class="voting-block">
  <img class="voting-block2" src="https://i.ibb.co/gZ73zPm/btn-haha.png" />
</div>

最佳答案

我想到了。

我只需要将body标签修改为：
<body ontouchstart="">

除非将touch事件附加到元素，否则iOS Safari不会触发：active伪类。