How to be Houdini and escape the limits of CSS

Harnessing the power of some cool new APIs to unlock the power of the web

Seth Corker
Nov 26, 2018 · 4 min read
Using border-radius in Firefox (left), mask-image created with CSS Paint API in Chrome (right)

What is Houdini and why should I care?

What will Houdini give me access to?

An example using the CSS Paint API

What the squircle mask looks like in Chrome
The basic squircle renderer
Checking for CSS Paint Worklet support in JS
Checking if the browser supports CSS Paint with the @supports rule

Benevolent Bytes

Thoughts, stories and ideas about development.