Нужен адаптивный кривой блок

285

24 ноября 2017, 05:12

Добрый день, может кто показать как сделать вот такой кривой блок(см. на скрине), чтоб он еще нормально себя вел при изменении ширины экрана?

Answer 1

Как вариант:

.block:before {
    content: "";
    display: block;
    width: 100%; 
    max-width: 320px; //Ширины блока
    height: 120px; //Нужная высота
    position: relative;
    background: url(/*сылка на кривой элемент, угол*/)no-repeat;
    background-position:bottom; //прижать элемент(угол) к низу блока 
    background-size: contain;
}