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/em…

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/vE…

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

"Flip Text on Hover (Syntax challenge)" by Chris Bolson codepen.io/cbolson/pen/NP…

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

See it in action here codepen.io/cbolson/pen/zx…

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)

CSS Weekly #629 🏔️ Range Syntax for Style Queries 🎯 New layouts with CSS Subgrid 🧠 Intro to CSS if Statements Featuring @Una, @JoshWComeau, @MPorterBridges, @the_jonin_, @stefanjudis, @tylersticka, @amit_sheen, @enzoinnocenzi, @cbolson. 🙏 cssw.io/issue-629

@CSSWeekly @Una @JoshWComeau @MPorterBridges @the_jonin_ @stefanjudis @tylersticka @amit_sheen @enzoinnocenzi ohhh, I would love to see why I get a mention (though the ogimage gives me a hint) but the site seems to be down ☹️

Basic CSS only math using the new function() & if() functions (and a dash of custom select thrown in): codepen.io/cbolson/pen/wB… 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/W…

custom curved scrollbars - so cool by @cbolson

@fw3d Thanks for posting this. I am glad that you liked it!