This week we're exploring glitchy sticky images and animating SVG!

♥️

Donovan at CSSAnimation.rocks

Articles

How to Create a Sticky Image Effect — tympanus.net

See how this gooey glitchy visual effect was created using Three.js

Animating SVG with CSS — blog.logrocket.com

A step-by-step guide to animating SVGs - handy for creating animated icons or illustrations

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

Letter E

This is an awesome example of pure CSS animation! Using blur and subtle but simple movements it looks great!

Chasing

DNA-like strands flying through space in this deceptively simple CSS-animated scene

FizzBuzz through interpretative dance

Lots of FizzBuzz challenges this month, but this one stands out for showing the pattern with some lovely animations

css stars

A dazzling array of stars drawn and animated with CSS

Height Map + recalculated normals

Amazing example of an ocean-like set of waves in WebGL

Slither Snake

Try to catch the red dots in this frustrating version of the classic snake game!

Recreating Canva's blur effect from source code

Draw on the blurry image to remove the blur effect