Loads of tutorials and inspiration this week! 🍩

♥️ Donovan at CSSAnimation.rocks

Articles

Create a Liquid Hover Effect with GSAP & SVG — georgefrancis.dev

Add a vector-based, fluid hover effect to any simple SVG path. Perfect for buttons, image masks, wobbly jelly characters, and more

How to create fancy jumping text input labels

Build animated form labels with this step by step guide

How To Create, Edit And Animate SVGs All In One Place With SVGator 3.0 — www.smashingmagazine.com

Learn all about creating and animating SVG using SVGator 3

Trigonometry in CSS and JavaScript: Beyond Triangles — tympanus.net

Drawing shapes with trigonometry and the Canvas API. Includes some animation too

Inspiration

Skills chart animation with a bit of Houdini magic 🎩✨🐇

Skills chart animation with a bit of Houdini magic 🎩✨🐇 (See also the video tutorial)

Burger Boxer

An impressively animated 3D boxing burger!

🧩 Impossible Penrose Triangle Loader - Pure CSS version 🔺

Pure CSS (but with an inline background image) implementation of a very cool "Impossible" triangle

Only CSS: Capsule

A cool CSS-only 3D rotating capsule

🇺🇸 🍩 Happy National Donut Day! 🍩 🇺🇸

Who could resist! Some fun animated colourful donuts using Three.js