- CSS Animation Weekly
- Posts
- CSS Animation Weekly #114
CSS Animation Weekly #114
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

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

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

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

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...


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

A neat example using the CSS Doodle web component ✨

...

...

...