Chris Bolson

Linked lists using anchor-positioning. Adapted from my JS version, which used SVG paths, to use position-anchor linking pseudo elements between the checked checkbox items and the selected radio button. See the full demo on @CodePen codepen.io/cbolson/pen/emzeg…

A bouncing ball using CSS anchor-positioning and a simple rotate and resize animation on the anchor. See the demo on #codepen codepen.io/cbolson/pen/vEKWo…

Another animation-timeline descrambling pen. See the demo on #codepen (link in first comment)

Descrambling text using rotation and animation-timeline. Pure CSS with no JS. Link to demo in first comment. #codepen #cssonly

An experiment using CSS position-anchor to create a hover before&after image slider. Link to the #codepen in the first comment.

A roundup of my pens created in 2025 which have received the most love throughout the year. #codepen, #2025rewind

Falling cards with perspective using just CSS. The cards drop down as you scroll down using animation-timeline. #codepen #cssonly (see the Codepen link in first comment)

Basic CSS only math using the new function() & if() functions (and a dash of custom select thrown in): codepen.io/cbolson/pen/wBGey… via @CodePen #codepenchallenge

Whilst it may not like it, this is a normal HTML select list. It takes advantage of the CSS appearance: base-select property value (not yet widely available) to create customizable select elements. No JS required.

Using the new css corner-shape property to create a fun gallery for this weeks #codepenchallenge A simple radio button allows you to toggle between the corner-shape keyword values. codepen.io/cbolson/full/WbrW…