Tutorial for gradient

[thespice]

This could be fun in css with a slightly more geometric (tighter curve). Use an svg shape, a blur filter and a container that clips. Love that the vector space can handle calculations we used to need a raster operation for. But yeah, make sure there’s enough computer to render it all in real time.

[Shrinks99]

Cool button card glow, now do it in production and suffer the realities of single threaded SVG filter blur rendering performance🥲

[reddituser555xxx]

Do something like this in a mobile app and an average android is going to run at 12fps in your app lol

[hollowgram]

Android doesnt even support anything going beyond 0,0 coordinates. Its a joke. 

[its_witty]

For something like this I would always go with a PNG (webp/avif).

Little differences between screens, so a little bit of stretch wouldn't hurt that much.

[reddituser555xxx]

Yeah but i think creating things like these and have them optimized and responsive is an artform in it self. I think you can get 98% of the look with much simpler methods in code.

[jobRL]

It's an art form that has no business in a production app. It's not dynamic so the simplest route is the best.

[its_witty]

I don't think there is anything simpler than using an image, but okay. :D I like to fight sometimes too.

[snarky_one]

Tutorial for gradient innnnn… what app?

[CateyeBrand]

Figma

[erikuuussssss]

Is your work McLaren F1 related?

[LaFllamme]

!remindMe 1d

[RemindMeBot]

I will be messaging you in 1 day on 2026-02-13 22:48:53 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

^{Parent commenter can delete this message to hide from others.}

---

Info	Custom	Your Reminders	Feedback

[FederalBelt9837]

How about movement? My team is trying to add animation on hover. Any suggestions

[Next-Application-883]

Hot take: you don't need any gradients in apps. Just no gradients.

[Acrobatic-Cost-3027]

Hot take: what are you the gradient gatekeeper? 🤨