Задать вопрос
VladikLinnik
@VladikLinnik
html

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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Собрать ники в телеграмм
18 апр. 2024, в 18:38
2000 руб./за проект
Разработать Solana смарт-контракт на Rust
18 апр. 2024, в 18:06
45000 руб./за проект
Сделать график на React Flow (возможно замена инструмента) с lazyload
18 апр. 2024, в 17:59
20000 руб./за проект
Ещё заказы