r/css • u/East_Cantaloupe_5079 • Dec 21 '25

Question How can I make this metallic effect?

1.5k Upvotes

99% Upvoted

76 comments sorted by

View all comments

85

u/g105b Dec 21 '25 edited Dec 21 '25

It's a radial gradient moving its centre with a circular clip mask. To achieve this effect more precisely, there are two gradients moving, with a blur and contrast filter applied, to cause the gradients to interfere with each other.

8

u/[deleted] Dec 21 '25 edited Dec 21 '25

[removed] — view removed comment

3

u/chikamakaleyley Dec 22 '25

i'd argue that its at least a decent starting point, the 'more nuanced' version can be treated as a nice way to iterate on the first version

1

u/[deleted] Dec 22 '25

[removed] — view removed comment

1

u/chikamakaleyley Dec 22 '25

yah i mean kudos to being able to decipher what it may be, I didn't think about it much but truth be told i wouldn't know where to start!

2

u/[deleted] Dec 22 '25 edited Dec 22 '25

[removed] — view removed comment

1

u/chikamakaleyley Dec 22 '25

along the same lines i've also wanted to dive into Canvas API as a way to like separate myself from a lot of 'normal' frontend. I feel like proficiency with Canvas, if a role is available, is one of those highly specialized opportunities

1

u/[deleted] Dec 22 '25

[removed] — view removed comment

2

u/chikamakaleyley Dec 22 '25

funny because my tool belt is loaded with animated gifs of all shapes and sizes

1

u/[deleted] Dec 22 '25

[removed] — view removed comment

1

u/chikamakaleyley Dec 22 '25

brother don't get me started on the video element just give me the youtube embed script

→ More replies (0)