Qurel
@Qurel

Как сверстать такой блок с треугольником?

Как сверстать такой блок с треугольником?5c2f063ce268c486166076.jpeg
  • Вопрос задан
  • 143 просмотра
Пригласить эксперта
Ответы на вопрос 2
LenovoId
@LenovoId
what the fuck ?
А пробовали уже что не будь - как нибудь реализовать ?
Вот примерно что можно получить на SVG: codepen.io
Ответ написан
Qurel
@Qurel Автор вопроса
Я реализовала эту фигуру таким способом:
.banner-img
   img(src="static/img/content/main/slide1.jpg", alt="Banner")

&-img
    position relative
    margin-bottom 20px
    img
      width 100%
    &::after
      content ''
      position absolute
      right 0
      bottom -1px
      width 45%
      height 13%
      background url('../img/content/main/triangle.png') no-repeat
      background-size 100%

Так как размеры указаны в процентаx, фигура адаптивно изменяла размеры при уменьшении экрана
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
iWeekender Краснодар
от 80 000 руб.
GreatAgent Inc Санкт-Петербург
от 1 500 до 3 500 usd.
22 апр. 2019, в 00:21
5000 руб./за проект
21 апр. 2019, в 21:02
1000 руб./за проект
21 апр. 2019, в 19:41
5000 руб./за проект