The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
✽ I always underestimated SVG Filter ✽
I created a gradient animation using almost only CSS and SVG filters.
But wow—they’re extremely powerful and performant.
This animation relies on two filters:
↳ One for the morphing effect.
↳ Another for the grain overlay.
The only JavaScript I've used, is for the simple mouse-follow effect.
The rest is pure CSS and SVG magic.
I’m definitely adding SVG filters to my toolkit from now on.
Thinking about doing a youtube video on this one.
Would you guys like step-by-step guide?
@Julian Fella Wow this is nice!
@Julian Fella 🔥 would love to see how you did it!
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
returntonature
Spring is a reset for creativity. What’s inspiring you outside the screen right now?
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?