Issue #337: Animate on scroll, hacker effects and view transitions

A week full of video tutorials and some great inspiration

This week we’re all about the video tutorials! Learn how to animate on scroll, how to create a cool animated text effect, and delve into the exciting new world of browser-based page transitions!

❤️ Donovan at CSSAnimation.rocks

(Easy) Animate on Scroll

As this excellent video points out, you have to animate on scroll to stand out in 2023. Learn some simple but effective ways to bring your website to life in this video tutorial.

Watch now

The Ultimate Hacker Effect

Learn how to create a cool letter-cycling animation in this fun and easy 2 minute video.

Watch now

View Transitions are coming to the Web!

View Transitions are coming to the Web! Learn the what, what and how of the fancy new view transitions API that will make moving between web pages smoother and more animated.

Watch now

And now a word from…

Revolut

Banks will charge you when you spend or transfer money abroad. Revolut are not about that, and that’s why over four million people have switched to Revolut.

Easily send people money, set the kids up with their own cash card, invest in Bitcoin or just easily move money around. It’s a great, modern alternative to your boring old bank, and if you sign up here you can get Revolut Premium free for 3 months!

Inspiration

Voronoi Triangles Paradox

Watch as these beautiful triangles are generated top create a unique picture every time.

Check it out

CSS Pendulum Waves

Clever use of HTML variables and some maths creates this stunning CSS-only effect.

Check it out

Hall of Fame

A great collection of Pens from Steve Gardner highlighting some amazing work over the years!

Check it out