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

♥️ Donovan at CSSAnimation.rocks

Articles

Creating an Infinite Circular Gallery using WebGL with OGL and GLSL Shaders — tympanus.net

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!

Page transitions by awwwards — www.awwwards.com

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

Featured

Spheres - CSS Animation — cssanimation.rocks

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

Space Travel

So much going on in this spacey animation!

Only CSS: Polygon fish

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

Discovery - pure CSS hollow intersection

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

Industrial Computer

A very cute CSS-only computer

Pop the bubbles!

Nicely animated little Three.js scene