A huge week for animation tutorials and inspiration!

♥️ Donovan at CSSAnimation.rocks

Articles and cool stuff

Amazing Animation Techniques with GSAP — frontend.horse

A guide to using GSAP for everything from splitting text, animating around cylinders, easing, masking and much more

Experimental Triangle Image Transitions with WebGL — tympanus.net

Very cool (experimental) animations using triangles for image transitions with WebGL

Meet ct.js,your new 2D game editor

This free 2D game editor looks friendly and powerful

3D Typography for the Web — bennettfeely.com

Easy to implement, 3D typography for any website and every font

Featured

Level Up Your CSS Animation Skills — www.udemy.com

A practical guide to creating amazing CSS animation on the web - get up to 90% off with this link! (You might need to clear cookies if you don't see the discount)

Inspiration

3D Rotating Store Icon

No JavaScript makes this rotating 3D store all the more impressive!

calculator by i.

An HTML and CSS only calculator that uses "eval" to calculate the result

Glowing Loader Ring Animation

A nice simple loading spinner with a glowing effect

Shadow cast spotlight

Spooky shadow effect!

Text tornado CSS

Lovely blur effect in this 3D rotating demo

CSS Text-Shadow Animation

It's the weekend somewhere! Cool shadow animation effect using CSS

Err

This maze of broken mirrors is made using ThreeJS and some cool perspective tricks

That's all for this week! Remember to check out my course and start learning CSS animation today.