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

当用于转换 CSS 过滤器时，我遇到 CSS 转换延迟在 Safari 中无法正常工作的问题。它在 Chrome 中工作正常，但在 Safari 中，动画会在延迟时间过后再次发生。

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

提前致谢。

https://codepen.io/selfctrl/pen/GRRZeWe https://codepen.io/selfctrl/pen/GRRZeWe

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

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