Web platform features explorer

The paint() CSS function creates a custom image, drawn using a paint worklet, for an element's background or border.

Status

Limited availability

MDN documentation

CSS Painting API

Specifications

CSS Painting API Level 1, from Cascading Style Sheets (CSS) Working Group (W3C).

Browser support (view on caniuse.com)

Chrome 65 Released on 2018-03-06
Chrome Android 65 Released on 2018-03-06
Edge 79 Released on 2020-01-15
Firefox ❌ See bugzil.la/1302328 Vendor position : positive
Firefox for Android ❌ See bugzil.la/1302328 Vendor position : positive
Safari ❌ See webkit.org/b/190217
Safari on iOS ❌ See webkit.org/b/190217

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Developer votes

👍
3

Do you need this feature?
Let us know by leaving a 👍 reaction on the feedback issue. Don't forget to also leave a comment explaining your specific use case.

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist