v-borgomotov
@v-borgomotov
Молодой креативный специалист

Как сделать див с картинкой внутри в форме трапеции?

Всем добрый день. Подскажите как сделать <div> такой формы:
5a7b08da62b27267652027.png
Заранее спасибо!
  • Вопрос задан
  • 638 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
В один div
https://jsfiddle.net/Ankhena/4bzutwac/
угол и размеры под себя адаптируйте

Можно не вторым фоном, а к ::after.

div {
    width: 80%;
    height: 300px;
    margin: 20px auto;
    background: linear-gradient(to right top, transparent 49.8%, #fff 50.2%) no-repeat right / 100px 100%, url(http://zastavok.net/main/priroda/1446112087.jpg) no-repeat top center / cover;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
lazalu68
@lazalu68
Salmon
Например, с помощью clip-path + shape-outside, как-то так.
Ответ написан
Комментировать
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы