Jagged edges on diagonal gradient, fix?

HTML & CSS
1

I have a gradient that goes from corner to corner. Check this fiddle to see how it looks http://jsfiddle.net/dz6M5/ .

As you can see the gradient is very jaggy, is there some way I can make it smoother?

2

Depends on what you need to do. In some circumstances, it might work better to rotate a element to get that effect. What’s the use of this in your code?

3

It is supposed to be the background of a jquery.ui slider.

4

It looks fine in Firefox so maybe just tweak the percentage a little to get a better rounding algorithm.


background: linear-gradient(to top left, #FF5A00 49%, #FFAE00 51%);}

That looks much smoother without changing the line much (if at all).

5

Thanks man, looks good now=)