This week we're having fun with complex SVG animations to create beautiful explainer graphics, exploring inspirational 408-error pages, and loads more!

♥️

Donovan at CSSAnimation.rocks

Articles

Visualizing money — medium.com

An in-depth exploration of how bZx uses JavaScript and SVG to illustrate the way the bZx network works

Featured

Level Up your CSS animation skills | CSS Animation — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Perspective button hover effect — codepen.io

Watch interactive video on Scrimba: https://scrimba.com/p/pEgDAM/cEJRKud...

CPC-408: Pure CSS Image: Timer — codepen.io

Inspired by this shot https://dribbble.com/shots/5301081-Timer by Alex Kunchevsky. Preview is not showing the whole animation cycle, I don't know why...

CodePen - Cool 3D Text with hover state in just CSS — codepen.io

Website Inception — codepen.io

A website inside a website. A mockup of a device that scrolls when you scroll the main page and uses parallax to add depth....

Falling — codepen.io

A neat example using the CSS Doodle web component ✨

Expanding flex cards — codepen.io

...

Animal Farm - Page Turner — codepen.io

...

lenny face wave ( ͡° ͜ʖ ͡°) — codepen.io

...