Qurel
@Qurel

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

Как сверстать такой блок с треугольником?5c2f063ce268c486166076.jpeg
  • Вопрос задан
  • 140 просмотров
Пригласить эксперта
Ответы на вопрос 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, фигура адаптивно изменяла размеры при уменьшении экрана
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Spartan.by Минск
от 400 до 700 usd.
Alternativa Games Пермь
от 40 000 до 80 000 руб.
АМТ Екатеринбург
от 40 000 до 50 000 руб.
23 янв. 2019, в 09:01
2500 руб./за проект
23 янв. 2019, в 08:56
1500 руб./в час
23 янв. 2019, в 08:50
10000 руб./за проект