Skip to content

[css-lists] list-style-image should support interpolation #6139

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Open
graouts opened this issue Mar 25, 2021 · 2 comments
Open

[css-lists] list-style-image should support interpolation #6139

graouts opened this issue Mar 25, 2021 · 2 comments
Labels
css-lists-3 Current Work

Comments

@graouts
Copy link
Contributor

graouts commented Mar 25, 2021

The list-style-image property is specified with a discrete animation type. However, its type, <image>, supports interpolation as of css-images-4. Per the results for css/css-lists/animations/list-style-image-interpolation.html it appears Chrome and Safari both support interpolation for this property already.
@graouts graouts added the css-lists-3 Current Work label Mar 25, 2021
@Loirooriol
Copy link
Contributor

It does work indeed in Chromium: https://software.hixie.ch/utilities/js/live-dom-viewer/saved/9116

However, changing list-style-image is kind of changing the content of the ::marker, and content interpolates discretely.

@heycam
Copy link
Contributor

heycam commented Mar 27, 2021

Maybe content should be able to interpolate continuously, to handle <image> values like this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
css-lists-3 Current Work
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@graouts @heycam @Loirooriol