@destroer18
Начинаю изучать HTML, CSS, JS.

Как выполнить такой эффект с помощью css?

5e4b90240c830746037719.jpeg

Нужно сделать вот такой скос в одной из секций сайта, не как не выходит сделать. Подскажите где можно посмотреть или как его реализовать? Только начинаю пробовать себя в верстке и вот застрял на этом моменте.
  • Вопрос задан
  • 1193 просмотра
Решения вопроса 3
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Вариант еще
Ответ написан
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
clip-path + медиа запрос для адаптивности.



При ширине 1000px - блок становится вертикальным, потому что текста внутри может быть много, и поэтому скошенный блок будет выглядеть уродливо, если высота блока начнёт увеличиваться. А если ширина выше 1000px - блок естественно горизонтальный и на блоке с изображением включается эффект среза, а в вертикальном режиме он отключается, в медиа запросе.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
Nolis
@Nolis
it-гопник
У тебя 2 блока.
Левый под текст, правый под картинку.
Флексани их, а картинку просто вставь такой, какая она в макете.
https://codepen.io/Nolis/pen/RwPRGNe - вот один из вариантов через after.
Ответ написан
Ваш ответ на вопрос

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

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