Chris Bolson

The best dependency is no dependency

[Chris Bolson @cbolson]

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
https://t.co/r9MuL87ouT

[Chris Bolson @cbolson]

A bouncing ball using CSS anchor-positioning and a simple rotate and resize animation on the anchor.

See the demo on #codepen https://t.co/haPhM2TmgT

[Chris Bolson @cbolson]

https://t.co/FCuTrQX83T

[Chris Bolson @cbolson]

Another animation-timeline descrambling pen.

See the demo on #codepen (link in first comment)

[Chris Bolson @cbolson]

https://t.co/ti5QRxKDqV

[Chris Bolson @cbolson]

Descrambling text using rotation and animation-timeline.

Pure CSS with no JS.

Link to demo in first comment. #codepen #cssonly

[CodePen.IO @CodePen]

"Flip Text on Hover (Syntax challenge)" by Chris Bolson

https://t.co/qJO4yjMIM3

[Chris Bolson @cbolson]

https://t.co/Fts8Xdce2V

[Chris Bolson @cbolson]

An experiment using CSS position-anchor to create a hover before&after image slider.

Link to the #codepen in the first comment.

[Chris Bolson @cbolson]

https://t.co/4zlfsb5Bl2

[Chris Bolson @cbolson]

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

[Chris Bolson @cbolson]

See it in action here https://t.co/2ut1ytDtE7

[Chris Bolson @cbolson]

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 @CSSWeekly]

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. 🙏

https://t.co/c0esJyKhpM

[Chris Bolson @cbolson]

@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 ☹️

[Chris Bolson @cbolson]

Basic CSS only math using the new function() & if() functions (and a dash of custom select thrown in): https://t.co/js8RVWDHgW via @CodePen
#codepenchallenge

[Chris Bolson @cbolson]

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.

[Chris Bolson @cbolson]

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.

https://t.co/mjZTZcxlmX

[Fred Moon 🚀 @fw3d]

custom curved scrollbars - so cool

by @cbolson

[Chris Bolson @cbolson]

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