@Shinigamius

Как сделать этот разлом после изображения?

5e00dda27fb33029985740.jpeg
Само изображение в фотошопе квадратное, нужно как то сделать так, что бы фон налезал на изображение или что то тому подобное.
Есть следующие варианты:
1. Вырезать изображение в фотошопе.
2. Взять изображение вместе с фоном как единый img.
Но оба варианта какие то хамские.
  • Вопрос задан
  • 254 просмотра
Решения вопроса 2
xdevelx
@xdevelx Куратор тега CSS
Web Developer
0 - изображение не нужно обрезать/вырезать - оно должно быть прямоугольной формы;
1 - clip-path;
2 - svg маска на изображение;
3 - linear-gradient и множественный фон (2 градиента и одно изображение);
4 - 2 псевдоэлемента треугольной формы с шириной в 50% и абсолютом позиционировать внизу.
Ответ написан
AngryYumy
@AngryYumy
Заплати фрилансеру чеканой монетой
И так варианты решение данной проблемы:
1. Поиграться с svg маской.
2. after/before.
3. Самое простое, но там поддержка еще немного хромает clip-path(тык-тык - это ссылка)
А вот его поддержка тык
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Karpion
Я плохо вижу, могу ошибаться. Мне кажется - это просто одна картинка, разлом просто нарисован на ней.
Ответ написан
Ваш ответ на вопрос

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

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