Distorted image hover effects with SVG! Transitions in space! This week we're recovering from Paddy's day. Enjoy!

☘️

Donovan at CSSAnimation.rocks

Articles

Image Distortion Effects with SVG Filters — tympanus.net

Some impressive examples of image distortion effects applied when hovering links

Transitions in space — cssanimation.rocks

Ever wondered when an animation would work best vs a transition? This tutorial might help. Plus, space!

Featured

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

It's time to learn how to make your website really stand out. This course from Donovan Hutchinson will help guide you through creating all sorts of helpful, practical animations. Check it out!

Inspiration

Art of Noise #6 — codepen.io

Play around with the sliders to sew how this noise-based cube animation changes

Bloody Parallax — codepen.io

Some people aren't so keen on parallax stuff I guess!

Thinking 🤔 — codepen.io

Hand-drawn style in this SVG animation example

Interactive 3D background — codepen.io

Some more noise-based awesomeness! This time move your mouse around to see the waves adjust

BTS BT-21 Animation KOYA — codepen.io

I am confused why this koala's ears keep falling off

Page Reveal Effect — codepen.io

This is quite an epic 3D page reveal effect