Amit Sheen pays tribute to the majestic Strandbeest kinetic sculptures with this pure CSS recreation. Open up the slideVars controls up top and move the --pos slider to see it walk.

AI agents are only as good as the context they have. GitLab Orbit gives them a live knowledge graph of your entire software lifecycle, so they move faster, cost less, and get it right the first time. See it live at GitLab Transcend, June 10. Register now for free.

This June, the CodePen Challenge is at the beach. We jumped right into the waves in week one! Check out the waves collection, including Pens by ikrprojects, josetxu, cbolson, and tommyho. Want to join the beach excursion? Week two is on now!

Maseone combines CSS sibling-index(), if(), abs(), round(), mod() functions with the @property at-rule to craft this loading animation of a twisting strand of DNA.

Stephen and Chris jump on the podcast to discuss our journey from Ruby on Rails to Next.js. We’ve been slowly changing frameworks over the years, and recently we've had new challenges, and some gray-hair inducing bugs.

ol-ivier presents a paper swatch collection crafted from SVG and CSS, featuring everything from a toothy Canson to a flawless crêpe silk. Open up the dropdown and try out some textures.

MackFitz created these CSS-only realistic water ripples by "constructing complex, smooth, animated plains out of thin, blurry lines." The big water droplet in the right corner opens up to a control menu where you can fiddle with the blur, ripples, and speed.

Christian Alder shares "My take on styling up <mark> element for some nice highlighting", yielding pleasant, watercolor-style highlights on key words. Toggle open the About panel for a details on how it was made.

Chris Bolson is back with another spectacular select menu, harnessing the power of the new appearance: base-select property. The fancy select action is Chrome-only for now, but it falls back to a normal select menu in other browsers. A win for progressive enhancement!

"A bit of fun in these dark days. Animating color, text-shadow, and the body background-position". From Chris Smith.