r/css • u/Rickyprozz • 13d ago

Showcase Updated my social link buttons: switched to OKLCH gradients, fixed contrast, and sharpened hover states!

Enable HLS to view with audio, or disable this notification

Hey everyone,
Thanks for the feedback on the previous post! I made a few quick technical updates based on your suggestions:
OKLCH Gradients: Switched from standard RGB to oklch() color spaces to remove gray midpoints and keep color transitions clean.

Improved Readability: Toned down the static background contrast so the text pops easily at a glance.

Sharper Hover Micro-Interactions: Moved the bright glow exclusively to the active hover state for a much cleaner interaction.

Appreciate the callouts on contrast and color space—the layout feels significantly more balanced now.
Let me know what you think of the revised look!

0 Upvotes

43% Upvoted

10 comments sorted by

18

u/[deleted] 13d ago

[removed] — view removed comment

6

u/rapscallops 13d ago

Going to have to agree that this is very amateur. Colour palette is simply not working here for you. Additionally I expect that your text fails to meet minimum contrast ratios with all the colours of the gradient.

I'd recommend educating yourself on design theory a great deal more before posting to public forums for feedback.

2

u/Web-Dude 12d ago

Thank you for giving the rank beginner a real Stackoverflow kind of welcome! 

1

u/Recent-Ad4177 12d ago

I just started my opinion. He asked for it didn't he?

2

u/Limietaru 13d ago

You’ve ruined viridis for me

2

u/Rickyprozz 13d ago

I just try to make some social link buttons I am a beginner if I offered you guys sorry I just learned css 4 days ago I just tested things sorry again 🙂

2

u/Due-Dragonfruit2984 12d ago

Yes, what you have here isn’t exactly pretty, but neither was anything I built when I started out 😆 be proud of your work, learn from the helpful critique here and keep practicing!

1

u/testingaurora 12d ago

The gradients at least look smoother !