Как сверстать «скошенный» блок?

5cb47c1f8242c205568513.png
Всем привет, подскажите как правильно заверстать такие скошенные блоки, их много по всему сайту, сайт адаптивный.
Заранее благодарен
  • Вопрос задан
  • 295 просмотров
Решения вопроса 1
VladikLinnik
@VladikLinnik Автор вопроса
Всем спасибо, нашел для себя более подходящее решение, кому интересно вот накидал - https://jsbin.com/qemiqam/1/edit?html,css,output
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
keeplod
@keeplod
Вообще, если хочешь делать что-то подобное, как у тебя на картинке, лучше всего использовать изображения, что бы создать визуальный наклон, дабы не грузить браузер бесполезным рендерингом и не усложнять вёрстку. Но ежели тебе невмоготу, то держи простую реализацию

https://codepen.io/keeplod/pen/vMeqqO
Ответ написан
Eridani
@Eridani
Мимо проходил
clip path или линейный градиент
Ответ написан
Ваш ответ на вопрос

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

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