@TheBreadmonkey Thanks for the honour. I’m considering whether to accept. Do you have to come at us with a sword, or is the honour bestowed remotely? There’s a medal though yeah? 🥉 #Blobby
@losttourist I suppose we should be thankful it didn't happen whilst #totp was repeating Christmas 1993 #blobby

As someone just hearted on @codepen: https://codepen.io/thebabydino/pen/YzPEMWp

When I made it almost 5 years ago, I was delighted I found a way of doing it without an SVG filter that required magic numbers.

Now that I get SVG filters enough to be able to write myself a better one... I wouldn't do this!

#CSS #filter #code #gooey #coding #goo #frontend #web #webDev #dev #blobby #blob #webDevelopment

Pure CSS loader #4/ 2020 - gooey, NO SVG!!!

...

Because someone hearted ❤️ this half a decade old @codepen demo again, I've updated support info to reflect the fact that, as of this summer, it is cross-browser - Firefox finally supports registering custom properties too! 🥳🎉🍾🍰

https://codepen.io/thebabydino/pen/yLywVzd

#goo #gooey #blob #blobby #liquid #filter #CSS #code #coding #frontend #web #dev #webDev #webDevelopment

Pure CSS loader #24 - liquid drop

Animates custom properties via Houdini and uses custom properties inside a `conic-gradient()`, so it can only work in browsers that support this stuff....

#tinySVGtip Better gooey effect with no matrix filter!

Each particle can get its own CSS blur filter with a value that may be any unit (SVG doesn't support this).

The assembly containing them gets an SVG filter as below.

Heavily commented on @codepen: https://codepen.io/thebabydino/pen/NWVdKaG

#CSS #SVG #filter #cssFilter #svgFilter #goo #gooey #blob #blobby #blur #alpha #code #coding #frontend #webDev #web #dev #webDevelopment

No magic numbers gooey effect

...