This week we're creating some handy realistic motion blur and using Curtains.js for video transitions!

♥️ Donovan at CSSAnimation.rocks

Articles

How to Create a Realistic Motion Blur with CSS Transitions — css-tricks.com

A superb trick to create the effect of motion blur using CSS

WebGL Video Transitions with Curtains.js — tympanus.net

Some experimental video transitions using Curtains.js and WebGL shaders

Featured

CSS Animation - Free CSS tutorials and guides

Learn CSS Animation with awesome tutorials, video courses and of course, this weekly CSS Animation newsletter

Inspiration

Open a Book

I've seen a few book-opening CSS animations bu this is among the best!

Single div CSS train

This cool train would fit in on Thor's Asgard

Flash loader

We'll be with you... in a Flash!

Only CSS Loader - Wizard

🧙‍♂️A pure HTML/CSS wizard loader! Magic

Orbiting fill loader

I love circular animations and these orbiting planets are quite pleasant

Animation in the real world

Huluween - The Screamlands — huluween.com

🙀 It's starting to get spooky! Gorgeous work from Hulu 🙀