Welcome to another week of CSS animation! The only solid, unchanging thing in this crazy world. This week we're starting to see more Christmas animations. Enjoy!

♥️ Donovan at CSSAnimation.rocks

Articles

Interactive Hippo Button Tutorial

Step by step tutorial for making a fun interactive animated hippo button! 🦛

Inspiration

Bauble Generator 🎄🎅

A gloriously configurable 3D bauble generator

Naughty or Nice?

Put your animated Santa in the right mood to match how naughty or nice you've been this year 🎅

HTML/CSS illustration - Rolex

Solid-gold work here on this animated pure CSS/HTML Rolex!

Menu Animation

Swish little effect here for this hamburger menu icon turning into a close icon

Dinosaur Park scroll snap demo

Pretty good example of snap-scroll animation, featuring dinos!

Tesla Cybertruck in Three.js

It had to be done - Tesla's Cybertruck created in 3D

Animations on page load

A nice example of animations that choreograph a page loading sequence

Efficient Scroll Zoom

This photo-zooming scroll effect could be useful

Using mix-blend-mode on text

This animated blend mode on text is quite subtle but worth checking out

Town

This 3D cut-out of a town section is super cute