Jul 29, 2019

CSS Animation Weekly #157

By CSSAnimation.rocks • Issue #157 • View online

This week we explore animation libraries, check out some awesome inspiration and even go around the world with some cool 3D globe animations too!

♥️ Donovan at CSSAnimation.rocks

Articles

CSS Animation Libraries

Make sure you’re up-to-date on all the latest CSS animation libraries with this list from @css

css-tricks.com • Share

Smooth Scrolling Image Effects

A nice little set of ideas for making your images more interesting with scroll effects!

tympanus.net • Share

Dynamic SVG Animation with CSS Variables

Fantastic article on using CSS variables along with GSAP to animate SVG

lisilinhart.info • Share

Featured

Level Up Your CSS Animation Skills

If you’ve not tried it yet, here’s a 90-or-so% discount on my course all about improving your CSS animation skills! Help support this newsletter and have some fun too ✨

www.udemy.com • Share

Inspiration

Play Hard

Gorgeous timing, colours and stretchy SVG combined on this neat little animation from Chris Gannon

codepen.io • Share

3D buttons with Glare

Some cool button hover effects including a 3D-style effect

codepen.io • Share

Netflix Logo

Lovely rendition of the Netflix logo in HTML and CSS

codepen.io • Share

Highway Race

Fun bit of 3D racing 🚗

codepen.io • Share

Animation in the real world

Stripe: Enterprise

Crazy nice bit of animation on this globe from Stripe - try scrolling too ✨

stripe.com • Share

Planet Globe

More cool globe stuff - this time see how satellites were used to image the planet last year!

nbremer.github.io • Share

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

If you don't want these updates anymore, please unsubscribe here.

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