Градиент рисует с не очень чётко, как можно сделать линию более плавной?
div {
width: 1000px;
height: 500px;
background: linear-gradient(to top right, #fff 50%,#fff 50%, #FED700 50%);
}
<div></div>

Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуДобавьте чуть размытие на край перехода, типо аналог анти-алиасинга.
body {
background-image: linear-gradient(to right top, transparent calc(50% - .75px), red calc(50% + .75px));
background-repeat: no-repeat;
background-size: 100% 100px;
}