CSS Animation Weekly #348

Faux-3D waves, 3D in the browser, and trippy 3D zooming!

Little bit JS-heavy this week but it’s worth it!

❤️ Donovan at CSSAnimation.rocks

Recreating the title effect from creativesouth.com

Learn how to create the mouse-aware "3D" effect on the Creative South title text.

Chrome ships WebGPU

After years of development, the Chrome team ships WebGPU which allows high-performance 3D graphics and data-parallel computation on the web.

An intro to the full playlist all about using Three.js and React to create augmented reality!

And now a word from…

Get SOC 2 in weeks not months

Let Secureframe unblock opportunities and accelerate your sales cycle without the need to invest in new resources or overburden your team.

Schedule a personalized demo let us show you how.

Inspiration

Grid View Switch Animation

A concept for a view switch animation from grid to slideshow.

Pistil

Try scrolling to zoom in and out on this trippy visualisation demo.

That’s all for this week! Make sure to check out secureframe, it’ll blow your SOCs off!

Donovan at CSSAnimation.rocks