Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
blobs

4 Articles
Direct link to the article CSS Blob Recipes
art blobs css shapes

CSS Blob Recipes

Blob, Blob, Blob. What's the most effective way to create blob shapes in CSS? Turns out, as always, there are many. Let's compare them together!
Juan Diego Rodríguez on Jun 27, 2025
Direct link to the article Three Ways to Blob with CSS and SVG
blobs border-radius filter SVG svg filters

Three Ways to Blob with CSS and SVG

Blobs are the smooth, random, jelly-like shapes that have a whimsical quality and are just plain fun. They can be used as illustration elements and background effects on the web.

So, how are they made? Just crack open an illustration …

Akash Mittal on Feb 19, 2021
Direct link to the article Blobs!
blobs canvas SVG

Blobs!

I was recently a guest editor for an issue of Bizarro Devs. It’s a great newsletter! Go sign up! I put in a bunch of links around blobs. Like those weird squishy random shapes that are so “in” right now. …

Chris Coyier on Feb 21, 2019
Direct link to the article Animate a Blob of Text with SVG and Text Clipping
blobs SVG SVG animation

Animate a Blob of Text with SVG and Text Clipping

I came across this neat little animation in a designer newsletter. Unfortunately, I lost track of the source, so please give a shout out if you recognize it! It’s by .

In it, a block of text appears …

Zach Saucier on Apr 6, 2020

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top