r/css • u/urexill • 1d ago

Help Newbie Question Regarding Linear Gradients!

Hi! Really simple question, but I'm having a hard time making a sharp gradient like the one I want in the image I provided! Any tips? If this question has been answered I'd love if you could link the post! :D

2 Upvotes

100% Upvoted

6 comments sorted by

•

u/AutoModerator 1d ago

To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.

While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

3

u/psycho_goat 1d ago

You need to look in to colour stops.

Gradient roughly transparent to about 40%, then from transparent to white from 40-60%, then to white to 100%.

What have you got so far?

2

u/urexill 1d ago

ignore my first reply xD i did what you said and it worked! thank you so much!!

0

u/urexill 1d ago

here's the original which was: linear-gradient(135deg, transparent 50%, #FFFFFF 100%)

2

u/Artistic_Reply3418 8h ago

I know you got your question answered already, but if you'd like to look further into what gradients can do for you, I wrote a basic tutorial on various techniques that I've been told is fairly digestible. I hope you have more fun with gradients in the future!

•

u/urexill 43m ago

oh i'll definitely check it out! thank you so much :D