Here is my experiments with the latest CSS Houdini spec. You’ll need the latest Chrome (with Web Platform flag enabled). See support

Source code on GitHub

Let’s do it!

First, see how to register a new custom property (and why). Then, check how to write your own custom paint to use with background-image. Or borders. Or CSS masks.

At the end, interact with user inputs and animate it !

Learn Houdini

Specification links