CODEWITHSUNDEEP
cssioswebkitcss-animations
Jose Martinez
Jose Martinez

Reputation: 12002

How to get CSS content animation working on iOS

My CSS content animation is not working on iOS, both Safari and Chrome. But it works on Android and Windows desktop.

I saw other similar questions on SO and google. The fix was to use -webkit-*, but there is no -webkit for content.

#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";
    }
}

Upvotes: 1

Views: 432

Answers (1)

Tim
Tim

Reputation: 108

Sadly there is currently no iOS support for animating the content property: https://css-tricks.com/animating-the-content-property/

Upvotes: 1

Related Questions