Gimir
@Gimir
JavaScript dev

Как сделать наклон изображения в CSS?

Как наклонить или растянуть изображение как на этом скрине в CSS?
5b07f243888f0975220718.png
  • Вопрос задан
  • 2558 просмотров
Решения вопроса 3
LenovoId
@LenovoId
svg, css,js
тот белый фон - он вообще будет однородный ?
если да то просто :before
если нет то SVG
Ответ написан
Комментировать
@boga-net
внутренний элемент с текстом

transform: rotate(-30deg);

элементу внутри , в котором будет текст повернуть в обратном направлении
transform: rotate(30deg);

внешнему overlow: hidden (чтобы спрятать края)

Всё это наложить на белый фон
Ответ написан
Комментировать
@qpz
К блоку с фото сделать 2 псевдо-класса :before и :after, фоном к которым указать белый треугольник. Пример в codepen
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы