10 Cool CodePen Demos (December 2023)

A collection of 10 cool and exciting front-end demos shared on CodePen during December 2023

Photo by Kari Shea on Unsplash

snow globe christmas tree

Amit Sheen live streamed the whole process on YouTube (you can still watch it on his channel) for everyone to see how to create this 3D-looking Christmas tree with HTML and CSS.

Pixelated Background

This is a neat trick by Wakana Y.K.: placing a low resolution version of the image on top, and expanding it to occupy the same size as the original makes the browser pixelate it. Then, a mask on hover (updating the position with JS) does the rest. Ingenious and effective.

Fireworks