css animation on “content:” doesn't work on Safari and Firefox

Question

I have an animation set on :before that works fine on Chrome but it doesn\'t work on Safari (IOS9 iPhone or 9 - El Capitan) neither on Firefox.

Answer 1

Try adding a display property to the :before. For example, add display:block; and see if that affects the animation.