This week we're learning how that amazing "Y0shi's Island" demo was made, and exploring new tools for designing GSAP animations.

♥️

Donovan at CSSAnimation.rocks

Articles

Recreating “Yoshi’s Island” – Canvas Animations — canvasanimations.com

Last week we saw a great demo - Yoshi's Island created with Canvas! Let's learn how it was done.

Writing Smarter Animation Code — css-tricks.com

See how GSAP's new GSDevTools can help you design and debug your web animations

Inspiration

Netflix style text animation with CSS — codepen.io

A pure-CSS example of the Netflix text shadow animation 📺

UI Motion - Shopping Cart Concept — codepen.io

See the carrot fly into the shopping bag!

CSS Hallucination — codepen.io

Awesome glitch animation created using CSS ꩜

Baby | HTML + CSS — codepen.io

Best seen in Chrome, this baby is rocking 🍼

Only CSS: Drop Wave Smooth — codepen.io

Another one best seen in Chrome, but an interesting CSS-only wave effect 🌊

Lotus CSS Animation

Such a smooth and relaxing animation created with only CSS!