@Wispik

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

Есть лендинг и внизу каждый блок заканчивается таким вот треугольником
60283ac86a845603223258.png
Если бы фон был одноцветный и не надо было делать закругления, то я понимаю, как это делается через border.
А как в данном случае поступить, не знаю.
Есть мысль, что это как-то через clip-path и svg можно сделать.
Хотя бы подкиньте идею пожалуйста, как это можно реализовать
  • Вопрос задан
  • 210 просмотров
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
Кривая Безье - это именно то, что тебе на самом деле надо для того, чтоб решить свою задачу.

clip-path - это то, что позволит использовать тебе Кривые Безье для стилизации своего элемента.

Тем, кто не хочет развиваться сюда
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
XBEHOLI
@XBEHOLI
back-end developer
Как я вижу, тут блок наложен на картинку. Так вот, я думаю просто можно поставить картинку как фон и на неё наложить блок и в этом блоке сделать треугольник (в интернете есть), отпустить этот блок и закруглить треугольник. Но я в этом точно не уверен, моё мнение - мой ответ

Если Вы увидели это на каком-то сайте, вы же можете посмотреть код элемента и не задавать такой вопрос :)
Ответ написан
Lord_Dantes
@Lord_Dantes Куратор тега CSS
Чат джунов t.me/developersjunior
Найти clip-path и попробовать обрезать блок сверху. Если получилось, накидаем через filter CSS свойство тени и будет все ок. Главное найти path нужный )
Ответ написан
Ваш ответ на вопрос

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

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