On the latest podcast, Marie joins Chris for a first look chat about the 100 most hearted Pens in 2022!
There's something going on under the surface in this 2D shader from Matthias Hurrle. "The cells are moved by Voro Noise, while the worm-like creatures are represented by just sine functions."
Stranger in the Q answers the fourth Genuary prompt with this generative gem. Click or refresh to generate a new, geode-like iteration.
The January challenge is all about new CSS! We kicked things of with :has(). Check out what we :has() in our week one collection, including Pens from Andrii Rodzyk, Greg Robleto, Sicontis, and Aryan Tayal.
This grumpy character will grumpily jump, IF you know the right key to press, in this interactive CSS animation by Gayane Gasparyan. Based on a Dribbble shot by Olle Engström .
Josetxu demonstrates the animation potential of conic-gradient in this mesmerizing cube animation, inspired by Julio Plaza's 1960s "Hexacubos" series.
Learn how to build a slick, accessible theme picker in this detailed tutorial from Sarah L. Fossheim, complete with lots of embedded Pens and a handy collection for reference.
Temani Afif creates a fun "porthole" hover effect in CSS by combining CSS variables & calc to transform scale.
Callum Macrae shares a striking Three.js scene "heavily inspired by something I saw as part of an artwork at LUX at 180 The Strand last year".
Hover around in Kit Jenson's Pen to move the light source and see where the shadows fall in the scene. Refresh for a new set of circles to explore.
Alvaro Montoro illustrates a friendly-looking shark with CSS, including nice subtle details in the bubbles and sunbeams in the water.