Jul 11, 2022

CSS Animation Weekly #309

By CSSAnimation.rocks • Issue #309 • View online

This week we go 3D with the loaders, creating some great grid effects, border animations and even animating a Swift app!

❤️ Donovan at CSSAnimation.rocks

Cool stuff

Single Element Loaders: Going 3D!

The fourth in the series about loaders, and this time we’re going 3D!

css-tricks.com • Share

Make Way Grid Effect

A lovely grid interaction effect where neighbouring items move aside when one is selected

tympanus.net • Share

Awesome CSS Border Animation

A very relaxing and instructive video guide to creating animated borders!

www.youtube.com • Share

Animate an iOS app in SwiftUI

A full, free, 3-hour beginner-level course in creating animated UI using Swift 🪶

www.youtube.com • Share

And now a word from...

We found the best JavaScript newsletter

Bytes is probably the funniest web dev newsletter you’ll ever read. If you like this newsletter, I’ve got a feeling you’ll love Bytes too. There’s a reason 100k developers read it every week.

click.postapex.com • Share

Inspiration

3D Scrolling Gallery/Timeline

A very slick 3D-scrolling carousel

codepen.io • Share

CSS Stunt Airplane / JS Interactions

A cute animated plane you can do tricks with (arrow keys)

codepen.io • Share

Animated House from "Up" 🎈

Gorgeous work here in the house from Up, and you can even click to see a dark mode

codepen.io • Share

screen-space-reflections

A utility for Three.js-based reflections - check out the demos!

github.com • Share

A huge thank-you to Bytes for sponsoring this month! Do check it out and maybe even subscribe!

Did you enjoy this issue?

By CSSAnimation.rocks

CSS Animation Weekly is a roundup of all the latest CSS animation articles and inspiration. Subscribe now and never miss an issue.

Tweet

Share

In order to unsubscribe, click here.

If you were forwarded this newsletter and you like it, you can subscribe here.