A big week for animation, specifically bringing animation to your websites and creating gooey-blobby animations!

♥️

Donovan at CSSAnimation.rocks

Articles

Writing Animations That Bring Your Site to Life — css-tricks.com

Prasanjit Singh guides us through how to create amazing web page transitions and layout animation

GSAP 2.1 Released

You can get some pretty creative timing effects with very little code, plus MorphSVG added several innovative features. GreenSock’s site has a bunch of demos and videos to showcase the goodies.

Blobs!

Generate random blobby shapes, and add in animation in this nice set of demos curated by Chris Coyier

Featured

Level Up your CSS animation skills — courses.cssanimation.rocks

Learn how to bring a website to life, animations, transitions, scroll effects, carousels and more in video tutorials.

Inspiration

Are You Gonna Eat That? — codepen.io

Nice bit of parallax movement in this CSS-animated pizza lover! 🍕

Randomly generated CSS lava lamp 💡 — codepen.io

Lovely animated blobs on this randomly-generated lava lamp

Interactive triangles background — codepen.io

A very slick example of rotating triangles - sweep your mouse across this image to see the effect

WTC Brand Particles — codepen.io

Could make a fun background - these "brant particles" drift around nicely without overlapping

Loader turbulence — codepen.io

A lovely distorted-looking loading animation

Animation in the real world

Sterling — sterling.it

Gorgeous text effects, 3D background animations and beautiful sounds combine on this agency site