使用CSS转换延迟和CSS过滤器的Safari bug

在Safari中，当用于转换CSS过滤器时，我遇到了一个CSS转换延迟无法正常工作的问题。它在Chrome中运行良好，但在Safari中，动画会在延迟时间过后再次出现

其他人以前见过这个或者找到了解决方法吗

提前谢谢

---

您可能想看看这些示例。顺便说一句，我用你的代码试验了同样的问题..我有完全相同的问题。Safari仍然有这个bug。不幸的是，我找不到解决办法。另请参见，您可能想看看这些示例。顺便说一句，我用你的代码试验了同样的问题..我有完全相同的问题。Safari仍然有这个bug。不幸的是，我找不到解决办法。另见

.gray-dog {
    filter: grayscale(0);
    transition: filter 0.5s ease-in-out;
     transition-delay: 1s;
}

.gray-dog:hover {
  filter: grayscale(100%);
}