The first #CSS #Houdini specification to reach #CandidateRecommendation: CSS Painting Level 1 w3.org/TR/2018/CR-css-paint-… - this is a major step in the evolution of the extensibility of Web browsers
This tweet is unavailable
Aug 10, 2018 · 10:18 AM UTC
1
5
1
10
In a nutshell, #CSS Houdini will let you build polyfills for CSS and experiment with crafting new CSS properties or values ⚗️ (which can then be fed into the standardization process, per the Extensible Web Manifesto github.com/extensibleweb/man… )
1
1
#CSS Painting ”allows developers to write a paint function which allows to draw directly into an elements background, border, or content” github.com/w3c/css-houdini-d…
1
1
See for example some cool demo of using this in combination with Three.js by @Lady_Ada_King
I've got THREE.js working IN CSS!! (Chrome only)
It works by using the THREE.js CanvasRender to do the render inside a Houdini paint() worklet. The scene is rendered as the background of the div in the body.
It is controlled using css custom properties.
ada.is/three-paint/
1
1
2
Right now, the API is available only in Chromium-based browsers - hopefully more to come?
bugzilla.mozilla.org/show_bu…
wpdev.uservoice.com/forums/2…
1