10 Cool CodePen Demos (November 2023)

Pure CSS gravity button

Ana Tudor applies an amazing CSS animation to a button (although it would work with other elements, too). Turn the slow-motion checkbox to view the details in the particles as they approach the button. This demo doesn’t work on Firefox (yet).

Encrypted Password Reveal

Creating whimsical experiences is Jhey’s forte. This is an excellent demo for that, transforming something as ordinary as a password reveal into an adventure. It’s the small details. The demo uses …

animation button checkbox codepen css demo encrypted experiences firefox html motion november november 2023 password reveal showdev slow turn webdev whimsical work