It's the final week of the March #CodePenChallenge!
This week, we're working with the Cicada Principle
https://codepen.io/challenges/2025/march/4
Thanks @MongoDB for sponsoring: https://srv.buysellads.com/ads/long/x/T6MFXGDFTTTTTT4I5LBC5TTTTTTHAURNKATTTTTTYDFSY7YTTTTTTWZ2QJIU42IL2KA6AMZMV2JHVODYC236YMBD2QZE
The March #CodePenChallenge continues!
This week, we're working with Glitches 
https://codepen.io/challenges/2025/march/3
Thanks @MongoDB for sponsoring: https://srv.buysellads.com/ads/long/x/T6MFXGDFTTTTTT4I5LBC5TTTTTTHBURNKATTTTTTYDFSY7YTTTTTTWZ2QJIU42IL2KA6AMZMV2JHVODYC236YMBD2QZE
The March #CodePenChallenge continues!
This week is all about Errors 
https://codepen.io/challenges/2025/march/2
Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/T6MFXGDFTTTTTT4I5LBC5TTTTTTHYURNKATTTTTTYDFSY7YTTTTTTWZ2QJIU42IL2KA6AMZMV2JHVODYC236YMBD2QZE
The March #CodePenChallenge starts today!
This month is all about bugs 
https://codepen.io/challenges/2025/march/1
Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/T6MFXGDFTTTTTT4I5LBC5TTTTTTHNURNKATTTTTTYDFSY7YTTTTTTWZ2QJIU42IL2KA6AMZMV2JHVODYC236YMBD2QZE
It's the final week of the February #CodePenChallenge!
This week, we're working with Pickers! Color pickers, date pickers, and file pickers 
https://buff.ly/3QASIm9
Thanks @MongoDB for sponsoring: https://buff.ly/3PTi6mC
Did you ever see a wavy range slider? Me neither!
Demo: https://codepen.io/t_afif/full/xbxVxVQ via @codepen
A Chrome-only experimentation using modern features:
Single element (an <input type="range">) 0 JavaScript 100% CSS Magic Useless but cool!
The February #CodePenChallenge continues!
This week, we're working with a Range of Choices
Thanks @MongoDB for sponsoring! https://buff.ly/3Xac0Cr
And the horizontal version as well!
A fun CSS-only experimentation using modern features (anchor positioning, @property, :has(), and more!)
Code & Demo: https://css-tip.com/bouncy-input/
Is it useful? Probably not.
Is it cool? Yes!
The February #CodePenChallenge continues!
This week is Multiple Choice
https://codepen.io/challenges/2025/february/2
Thanks @MongoDB for sponsoring: https://srv.buysellads.com/ads/long/x/THM2XCZFTTTTTTTLBLVN5TTTTTTDE6WIKATTTTTTE3U7L7YTTTTTTYJN5MDUTW4CQ7UDVYZMCHUIK2L5PMK65KIQPJZT
The February #CodePenChallenge starts today!
This month, we're going to Pick & Choose
We're kicking things off with an Either/Or choice
https://codepen.io/challenges/2025/february/1
Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/THM2XCZFTTTTTTTLBLVN5TTTTTTDL6WIKATTTTTTE3U7L7YTTTTTTYJN5MDUTW4CQ7UDVYZMCHUIK2L5PMK65KIQPJZT
For the final week of the January #CodePenChallenge,
We're having a Dance Party! 
https://codepen.io/challenges/2025/january/4
Thanks @MongoDB for sponsoring: https://srv.buysellads.com/ads/long/x/TC23P7DFTTTTTT6Y3JNC5TTTTTTKUEI5KATTTTTT54LNV7YTTTTTTWZ2QJIU42IL2KA6AMZMV2JHVODYC236YMBD2QZE
It's week three of the "Let's Move!" #CodePenChallenge
This week, let's do some Jumps & Flips 
https://codepen.io/challenges/2025/january/3
Thanks @MongoDB for sponsoring: https://srv.buysellads.com/ads/long/x/TC23P7DFTTTTTT6Y3JNC5TTTTTTKMEI5KATTTTTT54LNV7YTTTTTTWZ2QJIU42IL2KA6AMZMV2JHVODYC236YMBD2QZE
I made a thing: scroll-driven, almost pure #CSS infinite circular gallery rotation - check it out on @codepen
https://codepen.io/thebabydino/pen/XJrYqGb
Using scroll-driven animations and the tiniest bit of JS for the infinity part of it.
Made with 
for this week's #CodePenChallenge.
cc @bramus
Another (cool) demo where I am using the same technique.
Demo: https://codepen.io/t_afif/full/PwYeOrK via 
@codepen
The border will smoothly stop (always) at the same position on hover.
Another experimentation with modern CSS.
On hover the infinite rotation will stop and the element will smoothly return to its initial position. The animation will resume on mouse leave.
Demo: https://codepen.io/t_afif/full/azoGVPe via @codepen
Online Version: https://css-tip.com/stop-animation/
The January #CodePenChallenge continues!
This week, we'll keep on moving with rotations & spins
https://codepen.io/challenges/2025/january/2
Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/TC23P7DFTTTTTT6Y3JNC5TTTTTTKQEI5KATTTTTT54LNV7YTTTTTTYJN5MDUTW4CQ7UDVYZMCHUIK2L5PMK65KIQPJZT
Here's a little thing I made for the 1st #CodePenChallenge of '25: pure #CSS tilt & zoom grid on scroll!
Check it out on @codepen
https://codepen.io/thebabydino/pen/jENzprY
Using pure CSS scroll driven animations, grid, variables, mathematical functions, container query units. Also uses an SVG filter for the dissolve effect.
Chromium only.
A little something combining #CSS shapes, trigonometry, plus scroll-driven animations on @codepen: angled slide!
https://codepen.io/thebabydino/full/zYJKRyq
Also an entry for this week's #CodePenChallenge.
New Year, New #CodePenChallenge!
This month, we'll slide our way into 2025 with CSS & JS moves inspired by dance 
https://codepen.io/challenges/2025/january/1
Thanks @MongoDB for sponsoring! https://srv.buysellads.com/ads/long/x/TC23P7DFTTTTTT6Y3JNC5TTTTTTKFEI5KATTTTTT54LNV7YTTTTTTYJN5MDUTW4CQ7UDVYZMCHUIK2L5PMK65KIQPJZT
