奇怪的行为：在Safari浏览器上悬停外观

Question

昨天我们的客户在他的网站上报道了一些奇怪且不受欢迎的行为。网站地址为：http://dawidbukiel.pl/#offer，section＆＃34; offer＆＃34; （Oferta）。它应该像这样工作： 尽管如此，它确实如此。 行动后

#offer > div > div:hover

应出现带有优惠详情（.offerHover）的

框。在Safari，不幸的是，它发生了其他情况。盒子有时会出现，有时不会出现，有时会出现低不透明度。 主要问题是 - 我们没有任何mac设备，因此无法尝试修复它。你有什么可能是错的线索吗？我尝试在Windows上测试旧的Safari版本，但似乎工作正常。 我会非常感谢任何想法：）

Answer 1

我自己设法解决了这个问题。 我不知道为什么，但它确实有效：D
我只需摆脱关键帧。

来自：

.offerHover {
background: rgba(0, 81, 203, 1);
height: 200px;
margin-right: 0px;
}

#offer > div > .col-md-4:hover .offerHover {
-webkit-animation: jumpOut 0.5s forwards;
animation: jumpOut 0.5s forwards;
opacity: 1;
visibility: visible;
}

到：

.offerHover {
background: rgba(0, 81, 203, 1);
height: 200px;
margin-right: 0px;
-webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}

#offer > div > .col-md-4:hover .offerHover {
visibility: visible;
-webkit-transform: translate3d(15px, 15px, 0);
transform: translate3d(15px, 15px, 0);
opacity: 1;
}