Oct 26, 2020

CSS Animation Weekly #222

By CSSAnimation.rocks • Issue #222 • View online

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

How to build a progressively enhanced accordion component with vanilla JS

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!

gomakethings.com • Share

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

codepen.io • Share

Inspirational Websites Roundup #19

The latest roundup of inspirational websites from Codrops!

tympanus.net • Share

Featured

CSS Animation - Free CSS tutorials and guides

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

cssanimation.rocks • Share

Inspiration

Single div CSS Parasite lamp

Spooky light animation inspired by the movie Parasite!

codepen.io • Share

CSS Art - Sphere

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

codepen.io • Share

Curious Bear

Hover in front to tempt this gorgeous bear with some honey

codepen.io • Share

Neumorphic Light Switch

Clever use of CSS variables on this gorgeous dimmer switch

codepen.io • Share

Color Countdown

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

codepen.io • Share

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

If you don't want these updates anymore, please unsubscribe here.

If you were forwarded this newsletter and you like it, you can subscribe here.