Discrete animation of content property does not work

Issue #16326514 • Assigned to comptriage


Vitaly Z.
Mar 10, 2018
This issue is public.
Found in
  • Microsoft Edge
  • Safari
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I try to animate content property of ::before pseudoelement.

I set the content property in rule and change its value in keyframes.

It works correct in Firefox and Chrome, but doesn’t work in Edge.

Spec says https://drafts.csswg.org/css-transitions/#animatable-properties

“…since the from and to values cannot be interpolated, the animation is done in a single step.”

You can watch the bug here: https://codepen.io/juwain/pen/JLozbJ.


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Steven K.”

      Changed Assigned To to “comptriage”

    You need to sign in to your Microsoft account to add a comment.

    Sign in