How to create a smooth slanted linear-gradient with CSS

Smooth Slanted Linear-gradient

Sometimes we don’t want that blur transition between the two colors in a linear-gradient. Instead we want a hard line (color stop) between the colors. We can achieve this by using the same color stop value as either a percentage or length.

background: linear-gradient(to right, #A66CFF 50%, #9C9EFE 50%);
background: linear-gradient(to right…