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

Compatibility (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
• Firefox for Android ❌ See bugzil.la/1302328
• Safari ❌ See webkit.org/b/190217
• Safari on iOS ❌ See webkit.org/b/190217

BCD data

• api.CSS.paintWorklet_static
• api.PaintWorkletGlobalScope
• css.types.image.paint