CSS Animation Weekly #240

This week we're exploring some wobbly infinite galleries, page transitions, popping bubbles and more!

♥️ Donovan at CSSAnimation.rocks

Articles

A tutorial explaining how to build an infinite circular gallery that can be dragged and scrolled using WebGL with OGL and GLSL Shaders. Interesting technique but be warned, if you're like me you may feel a little sea-sick!

Loads of great examples of transitions - moving between scenes or moving elements around on-screen

Featured

Learn how to use the CSS border-radius property to create all sorts of animated spheres! From bubbles, eye balls and globes, all animated using CSS.

Inspiration

So much going on in this spacey animation!

These fish are so cool! Lovely use of shadow as well as 3D CSS animation

A very slick demo using a CSS filter to demonstrate hollow intersection

A very cute CSS-only computer

Nicely animated little Three.js scene