Bug 183544 - Discrete animation of content property does not work
Summary: Discrete animation of content property does not work
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 11
Hardware: Macintosh macOS 10.13
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/juwain/pen/JLozbJ
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-03-10 12:30 PST by zyuzin.vitaly
Modified: 2018-03-11 17:52 PDT (History)
2 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description zyuzin.vitaly 2018-03-10 12:30:06 PST
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 Safari.

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
Comment 1 Radar WebKit Bug Importer 2018-03-11 17:52:32 PDT
<rdar://problem/38360395>