This week we take a look at animating links, create swirly underwater animated navigation, animate grid, and check out loads of fun demos!

♥️

Donovan at CSSAnimation.rocks

Articles

Animating Links — cssanimation.rocks

I'm excited to share this one. In this article we learn how to animate the link underline, using transitions as well as keyframes and even consider accessibility and performance.

Underwater Navigation

An amazing navigation effect making it look like the links are underwater. Check out the article for a full walkthrough on how to use PixiJS filters to create the effect!

New in Firefox 66: animating CSS Grid — blog.logrocket.com

Learn how CSS grids can be animated in Firefox version 66

Featured

[Kindle book] CSS Animation 101: Bring your websites to life with CSS animation — www.amazon.com

I'm sure you've already read my CSS Animation 101 book - but if you've been waiting for a Kindle version, it's now available on Amazon! You can click here for a version in an Amazon near you.

Inspiration

NASA Saturn V rocket - Pure CSS

This is amazing! Pure CSS Saturn V rocket. Gorgeous work 🚀

SVG Animation with Speech Recognition

Check out this amazing demo combining speech recognition with SVG animation!

Cassette Tape Loader

A properly retro loader complete with rewinding tape 📼

Pseudo Apollonian

Something amazingly organic and liquid about this demo

Yup Nub

Super-cute little pure CSS Star Wars fella

Layout Demo #11 Swiss Style

Cool little 3D transformation shows how this CSS demo was put together

CSS Face

The attention to detail in this CSS face is incredible 😲

Don't forget, you can click this magic link and it'll take you to your local Amazon store to see my CSS Animation 101 book! Have a great week ✨