It’s getting close to Christmas, when people start to think about the past and the future, curled up on their sofas with a laptop and a hot drink.
It’s also a great time to pick up a new bit of code, whether you’re making a virtual card to send to your family, want to learn a neat trick to show off when you get back to work, or just want to take the chance to play around with HTML and CSS.
I love going through Codepen and seeing what people come up with. Here are five that I found with the holiday season in mind.
CSS Falling Snow by Justin Patrick Schwinghamer
A slow and soothing snowfall powered entirely by CSS. I suppose you could make it go faster, but then you lose the lovely effect of gently falling snow against your background.
Santa Stop Here! By Chris Gannon
Holiday CSSweater Generator by Adam Kuhn
Pure CSS Christmas Lights by Toby
A gorgeous bit of CSS here, with slowly glowing lights built using animation and box shadows. Definitely the kind of thing you can put onto a virtual Christmas card or, with a bit of colour change, use year-round to have a nice gentle glow.
Saving Christmas by Lantare Code
Those are five that I like, but I need to pop in a sixth. Andrew Hawkes’ SCSS random() Christmas Tree is a gorgeous little bit of randomly animated CSS that produces a beautiful triangle-based tree. And that’s why it’s the featured image for this post.