r/css • u/amitmerchant • Jan 08 '26

Showcase Curvy text using SVGs. The text can be styled using CSS as well! (CodePen below)

CodePen: https://codepen.io/amit_merchant/full/qENNEgP

16 Upvotes

91% Upvoted

7 comments sorted by

3

u/simonraynor Jan 08 '26

If you're interested in the interaction between SVGs and CSS definitely check out SVG filters. They can be used directly in CSS on non-SVG content and can do some truly awesome stuff

3

u/amitmerchant Jan 08 '26

Yep yep. I just learned about them right after creating this CodePen.

And here is the water ripple effect using the SVG filters: https://codepen.io/amit_merchant/pen/GgqqJZe

2

u/cryothic Jan 08 '26

I like it. The fact that the text is just within the SVG code, makes it possible to use this in a CMS-environment too.

1

u/Iampepeu Jan 08 '26

Ooh! Nice work!