Я создаю простую веб-страницу, но для нижнего колонтитула будет наклонный край, который будет проходить внизу страницы. Где у меня возникают проблемы, так как вы не можете добавить 100% к границе, так как я использую начальную загрузку, поэтому страница должна быть отзывчивой. Есть ли способ достичь этого эффекта, будучи отзывчивым.
div {
width:200px;
height:80px;
background: red;
top:150px;left:100px;
position: relative;
}
div:before {
content: '';
position: absolute;
top: 40px; right: 0;
border-right: 200px solid white;
border-top: 40px solid red;
width: 20;
}