Как сделать такие скошенные края у div?

Приветствую. Кто знает? Подскажите?! Как сделать такие скошенные края у div в низу? На картинке показано синими стрелками.
Буду очень благодарна за помощь :0)
d9d8b3148f144ff796cc86d018d4f60a.JPG
  • Вопрос задан
  • 1192 просмотра
Пригласить эксперта
Ответы на вопрос 4
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Правильный способ - пропустить картинку через css clip-path/clip-polygon:
https://www.smashingmagazine.com/2015/05/creating-...
Ответ написан
Комментировать
IonDen
@IonDen
JavaScript developer. IonDen.com
Это можно сделать с помощью псевдоэлементов и трансформаций.
Примерно так: https://jsfiddle.net/IonDen/jyzmwkqy/
Один из уголков подсвечен красным, чтобы было понятно что произошло.
Ответ написан
Комментировать
sfi0zy
@sfi0zy Куратор тега CSS
Creative frontend developer
Можно с помощью одного псевдоэлемента и прозрачной границы - например так
Ответ написан
Комментировать
@rdg2004
Дизайнер, верстальщик
А можно снизу просто бекграунд наложить в виде чёрных этих треугольников
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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