我在影子dom中使用Web组件，并且所有动画在Chrome中都能正常工作。但是，在Safari以及iOS Safari中，元素上的动画效果很好，但伪元素上的动画效果不佳。这让我感到困惑，因为它仅适用于伪元素，如：after和：before。
代码没有任何问题，因为当我在没有影子dom的情况下运行它时，所有触发器都可以正常运行，并且在所有浏览器中都能正常运行。
这是为什么，我该如何解决？
但是，我不想像这样解决它，因为那样的话，我必须在主文档和打算通过shadow dom包含的文档中都包含一个共享的动画CSS资源。普通动画有效，但伪元素无效，这仍然很奇怪。伪元素在那里，唯一缺少的是动画不会触发。