Joulence
@Joulence
раньше курил канабис, теперь учусь вебу

Как добавить треугольную границу в css?

Начал учиться вёрстке и при работе с первым макетом возникла проблема
5d431d64805bc913865582.jpeg
Как сделать треугольную границу под фоновым изображением с айфоном? Можно ли сделать это с помощью "border"?
  • Вопрос задан
  • 889 просмотров
Решения вопроса 1
tyukavin_denis
@tyukavin_denis
web developer
Вырезаешь белые треугольники.
Контейнеру где лежит фото задаешь position: relative;
Создаешь для него псевдоэлемент :after с такими свойствами
.name-class:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 10px; /*Подбери на глаз*/
background-image: url(); /*Сюда пиши путь до картинки с треугольниками*/
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@DM25AN
Clip-path и не нужно выдумывать с лишними изображениями
Ответ написан
Ваш ответ на вопрос

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

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