如何让 CSS 内容动画在 iOS 上运行

Question

我的 CSS 内容动画无法在 iOS、Safari 和 Chrome 上运行。但它适用于 Android 和 Windows 桌面。

我在 SO 和 google 上看到了其他类似的问题。解决方法是使用 -webkit-*，但内容没有 -webkit。

#animated-tagline::before {
    content: "some text";
    -webkit-animation: animate infinite 5s;
}

@-webkit-keyframes animate {

    0% {
        content: "some other text";
    }
    50% {
        content: "some more other text";
    }
    100% {
        content: "even some more other text";
    }
}

Answer 1

遗憾的是，目前 iOS 不支持动画内容 属性：https://css-tricks.com/animating-the-content-property/