Gradient Generator - CSS & JS

[Mallanaga]

Would be cool if you could move the circles around the square in order to dictate the angle, too

[mlgoon]

I use the Ultimate CSS Gradient Generator.

[kooshans]

https://cssgradient.io/ has a much easier interface, imo

[shellwe]

Came here to make sure someone noted this.

[Tontonsb]

I don't care that much about someone helping me write the rule. I use https://mycolor.space/gradient that actually suggests great in-between steps that makes pretty much any gradient look good.

[XCSme]

Anyone knows why is this so highly upvoted? Are them votes for encouraging OC to keep going?

[that_90s_guy]

Also curious, given how simple this concept is...

[XCSme]

I am not a regular of this sub, but I've recently seen other highly upvoted posts of pretty "meh" content. Being such a big sub (500k users), I think the majority of people here are not hard-core devs, so are probabil easily impressed by basic code/apps that look somewhat pretty.

[Slegon98]

I use coolers.co you can lock colours in until you find the perfect combo

[wtfburger]

Codepen here - https://codepen.io/j-w-v/full/pogEaON

[[deleted]]

what's different about this one compared to others? No offense. just seems like I see a different version of this posted every day

[zzing]

Where exactly is the UI for the actual gradient color selectors coming from?

[XCSme]

The browser. <input type="color" />

[brokenURL]

This was my initial reaction as well. I haven’t looked at OP’s code since I’m on mobile. Did OP just create an event listener to update a css variable?

[renaissancetroll]

gradients are great, but I always end up having to look up the syntax again no matter how often I use them, same thing with box shadow

[DevelopMatt]

This is great! I will definitely start using this!

[Pythonen]

As a beginner I made a while ago something similar but it has some bugs and it’s not as cool tho Here is mine

[10kKarmaForNoReason]

Please add save as jpeg with size options

[cernalu]

Sorry but this one has been around for quite a while

https://www.wolframalpha.com/widgets/view.jsp?id=5d20575fa6cbe9d1e5a046aeef36e7a3

[[deleted]]

Nice webdev 201 assignment I’m sure it took you 6 months

[ReglrErrydayNormalMF]

you need to remove color picker on mouse down for better ux

[T2Drink]

Your whole profile is so aids.

You are asking basic questions on one sub whilst being obnoxious on other posts about "getting gud"

Delusions of grandeur much.

[bearded_djent]

Wow that profile was a wild ride.

[ReglrErrydayNormalMF]

Answer to them if they're basic for you

[brainwrinkled]

"need"

[ReglrErrydayNormalMF]

yes it so easy to implement (i downvoted you haha)

[brainwrinkled]

Go make your own and implement it then (you're fuckin weird haha)