So much cool stuff around! This week is all about mouse interactions, topographic and kaleidoscopic generation.

♥️

Donovan at CSSAnimation.rocks

Articles

Gradient Topography Animation — tympanus.net

An organic SVG shape layer animation based on Diana Hlevnjak's work "Gradient Topography". Powered by anime.js.

3D Particle Explorations | Codrops — tympanus.net

An inspirational set of demos that explores particle animations in 3D space with three.js. This type of animations could be very suitable for page loaders.

Featured

Wait, this is still $10? — courses.cssanimation.rocks

I'd better put this price up soon.

Inspiration

shop loader — codepen.io

This animated shop-themed loader is particularly lovely 🎁

Kaleidoscope — codepen.io

Draw your own kaleidoscopic images using mouse movement

Animated 3D Globe (WebGL/three.js) — codepen.io

Visualise events around the world on this nifty example of WebGL! 🌍

3D CSS is Awesome — codepen.io

Hover to see this awesome 3D effect ✨

Split sections — codepen.io

A handy trick to resize different screen panels on hover

this alter world — codepen.io

A beautiful topography builds up over time in this demo

3D Transforms Social Media Icons

Fantastic use of 3D on hover - all CSS!

Css Transitions — codepen.io

See how the content transitions nicely into place when you press "read more"

DVD Screensaver (matter.js) 📀

Recreate all the fun of watching that DVD logo - will it hit the corner this time!?

Psst

If I'm to put my course up from $10 soon, what price do you think it should be? Reply to this email and let me know!