Loading video...

Video Failed to Load

Go Home

You can do blobs with CSS filter but it only works as black or white as far as I know but you can use SVGs to achieve the result you want.

290,855 views • 2 years ago •via X (Twitter)

10 Comments

Amit Sheen's profile picture
Amit Sheen2 years ago

You can absolutely use this effect with colors. Here's a colorful loader I made just like that. (And there's a full video of me live-coding it 😎)

Ana Tudor 🐯🖤🌻's profile picture
Ana Tudor 🐯🖤🌻2 years ago

@bramus You can gradient them & all as in this talk I gave four years ago Though these days I 100% use SVG filters and not the magic numbers matrix method, another more reliable one with feComponentTransfer I came up with last year.

Sean Lynch 🦋 @techniq.dev's profile picture
Sean Lynch 🦋 @techniq.dev2 years ago

As a Svelte component -

matia 🇭🇷's profile picture
matia 🇭🇷2 years ago

I love it! 😄

Álvaro Montoro's profile picture
Álvaro Montoro2 years ago

It works with other color, too. I used it to create splash and liquid effects. Explained the process here:

Kevin Powell's profile picture
Kevin Powell2 years ago

This is so cool! Been playing around with it, and it works with other colours too, but it's hit and miss. Certain colour combos definitely get weird, though, lol.

matia 🇭🇷's profile picture
matia 🇭🇷2 years ago

Check this out.

Michael Breazeale 🫧's profile picture
Michael Breazeale 🫧2 years ago

Next add the 007 animation :)

Maciek Fitzner's profile picture
Maciek Fitzner2 years ago

@argyleink Oh there's tons of fun to be had with colors. This is red & yellow circles on blue, with blur on them & then contrast & lightness applied to the scene

matia 🇭🇷's profile picture
matia 🇭🇷2 years ago

@argyleink It seems it works better with some colors than others due to contrast because the dark color I want goes to black.

Related Videos