css – Smooth aliasing in gradient

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>
Scroll to Top