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 🔥 would love to see how you did it!
@Julian Fella Wow this is nice!
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
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?