🍋
Menu
CSS

CSS Paint API

CSS Houdini Paint API

A low-level API allowing JavaScript to draw directly into an element's background using a paint worklet.

Detail Teknis

CSS css paint api is part of the CSS specification maintained by the W3C CSS Working Group. Browser rendering engines (Blink, WebKit, Gecko) implement the specification through their layout and paint pipeline stages. Understanding the rendering pipeline — Style → Layout → Paint → Composite — is key to writing performant CSS. Properties that trigger layout recalculation (width, height, margin) are more expensive than those that only trigger compositing (transform, opacity).

Contoh

```css
/* Example: CSS Paint API */
.element {
  /* Apply css paint api to this element */
  display: block;
  margin: 0 auto;
}
```

Format Terkait

Alat Terkait

Istilah Terkait