Question:
I'm using CSS gradient, but it's aliased, is there any way to smooth it via CSS?
p {
background-image: linear-gradient(161.2deg, green 50%, white 50%, white);
}
<p>Gradiente</p>
Answer:
In this way, the aliasing will exist because 50%
/ 50%
is not applied the gradient, as there is no transition, but if the difference is 0.05%
, it improves the result, as a little gradient will be applied.
Look how it would look:
p {
background-image: linear-gradient(161.2deg, green 49.5%, white 50%, white);
}
<p>Gradiente</p>