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 !