🔥The 9th Round of Easy Loan, Earn $40 Reward is in progress❗️ ⏰ Promotion Period: January 15th - Feburary 15th, 2025 👉 Register now and check more details at gate.io/campaigns/358

Toggle on/off switches with LED "connecting" indicator. See the code on @codepen codepen.io/cbolson/pen/qB…

Yet another range slider. It uses box-shadows on the "thumb" to define the color of the track either side. Keyboard friendly 👍 It also uses just a dash of JavaScript to display the current value. See the full code on CodePen.IO codepen.io/cbolson/pen/MW…

Some stacked cards that use hidden checkboxes to swap the "active" card. A bit of a custom property jigsaw in this one, it would have been far simpler in JS 😅 See the full code here codepen.io/cbolson/pen/wv…

Another entry for this week's #codepenchallenge codepen.io/cbolson/pen/Vw… This was inspired by this design by Pixelbuddha on Dribbble (though I didn't get anywhere close to the level of detail on their design): dribbble.com/shots/14533458…

Ode to CodePen #codepenchallenge My first submission in this week's "drop-cap" challenge codepen.io/cbolson/pen/GR…

"Layered text - Perspective" by Chris Bolson buff.ly/3CmyjNX

Animated tabs using <details> and grid-template-rows animation. See the code on CodePen.IO codepen.io/cbolson/pen/md…

One of my favourites from a few months ago. I have just updated the code a bit to simplify the CSS, making better use of custom properties. I have also added a container query to make it easier to test responsiveness. See the full code on CodePen.IO codepen.io/cbolson/pen/Rw…

I reached an amazing 500 followers today on CodePen.IO To celebrate, I created a Pen dedicated to each one of my 500 followers. Thanks for the follow 👍 codepen.io/cbolson/pen/ra…

Using animation-timeline to reveal the text. One of my entries in last weeks #codepenchallenge See the code on @codepen.io codepen.io/cbolson/pen/Jo…

One of my submissions for this week's snowflakes #codepenchallenge Yes, yet another snowflake generator 😅 It generates random, falling snowflakes using canvas. You can adjust the amount of snowflakes and also start and stop it snowing. codepen.io/cbolson/pen/yy…

A CSS countdown to 2025 (with a dash of JS at the end). Happy New Year everyone 🎉 See the code on CodePen.IO codepen.io/cbolson/full/B…

I watched the first few minutes of this and paused it to be able to have a go at it myself without being influenced by their code or by the original code on Toni Lijic's website. See the code on CodePen.IO here: codepen.io/cbolson/pen/MY… Pure CSS, no JavaScript required

Finally learning Python thanks to Boot.dev

A fun image flip animation effect using CSS only and no repeated images. See the full code and inspiration on @codepen codepen.io/cbolson/pen/VY…

I will admit that it always makes my day when I get one of my pens featured in the CodePen.IO Spark newsletter. 😀 codepen.io/spark/437

Players having too much fun with today's Daily targets! 🤣 credits: Chris Bolson 🙌