Menu

Post image 1
Post image 2
Post image 3
Post image 4
Post image 5
1 / 5
0

What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More | CSS-Tricks

CSS-Tricks·Daniel Schwarz·3 days ago
#giD03zO1
#css-tricks#css#syntax#selector#queries#intro
Reading 0:00
15s threshold

If 3D voxel scenes (that you can style), flying focus animations, or new CSS syntaxes sound like your kinda thing, then this issue of What’s !important is definitely for you. Also featuring Polypane, scroll-driven animations, and the latest web platform updates from Chrome 148 and Safari 26.5. Heerich.js for 3D voxel scenes Inspired by the sculptures of Erwin Heerich , David Aerne created Heerich.js , a tiny engine for creating 3D voxel scenes. They’re rendered as SVG, and because we can use CSS variables in SVG, the scenes are basically styleable using CSS. Polypane snippets Polypane, widely considered to be the best browser for web development, launched a snippet store . So, if you wanted to click on a component and copy the basic HTML without all of the “bloaty crap”, the 1-Click De-crapulator is what you’d want. Fantastic name, by the way. Animating focus with view transitions Chris Coyier showed us how to animate focus with view transitions .…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More