My face with a Photoshop cutout filter applied to it


Welcome. Click on an image below to read about the given project.

Back to homepage

Gooey Loaders

1. May 2015

See the Pen Gooey Loaders by Katrine-Marie Burmeister (@Katrine-Marie) on CodePen.

This was my first attempt at putting SVG filters to practical use.

I played around with merging some filters to see what effects I could get with various combinations. I had seen the goo effect in other people's demos (particularly those of Lucas Bebber) and I wanted to make something similar myself. However, I didn't really know what to make. I settled on loaders simply because it was an easy way to test the effect and I figured that they might always be useful. And besides, even if the browser didn't support SVG filters, they'd still look OK since the goo effect was an enhancement.

There's not much else to say about this particular demo - for more information, check out the code or see the page on the second batch of gooey loaders where I took both code and appearance to a whole other level - and where I explain the goo effect in a bit more detail.

Back to homepage