转换transformY在Safari上不起作用

时间:2019-08-11 02:05:02

标签: html css

它在我的台式机上的Chrome上运行良好,但在iPhone 8上的Safari(在Safari和Chrome上)都无法播放动画。

有什么想法吗?

perl -E'@w=(0..9,a..z);map{$w=$_;say"$w$_.suffix"for@w}@w;'
.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);
}

1 个答案:

答案 0 :(得分:1)

我知道了。

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

除非将触摸事件附加到元素,否则iOS Safari不会触发:active伪类。