This week we feature some awesome progressive enhancement, a stunning CSS-only game, and loads of inspiration!

♥️ Donovan at CSSAnimation.rocks

How to build a progressively enhanced accordion component with vanilla JS — gomakethings.com

Progressive enhancement is a great way to build solid, reliable websites. Learn how we can use the details and summary elements to build a real accordion!

You Must Build a Lighthouse

100% CSS. No artificial colours or ingredients. This is quite an addictive little CSS game! Try to build a lighthouse

Inspirational Websites Roundup #19 — tympanus.net

The latest roundup of inspirational websites from Codrops!

Featured

CSS Animation - Free CSS tutorials and guides — cssanimation.rocks

Learn CSS Animation with awesome tutorials, video courses and a weekly CSS Animation newsletter

Inspiration

Single div CSS Parasite lamp

Spooky light animation inspired by the movie Parasite!

CSS Art - Sphere

Lovely shading on this animated sphere, complete with a very clever shadow effect

Curious Bear

Hover in front to tempt this gorgeous bear with some honey

Neumorphic Light Switch

Clever use of CSS variables on this gorgeous dimmer switch

Color Countdown

Fun idea - a countdown where the numbers reflect the background colour of the page