Cheizer
@Cheizer

Как на css делать скосы сверху и снизу блока?

Приветствую, не было такого опыта, не знаю с какого бока подойти, как сделать два скоса у одного блока, сверху и снизу?

И сделать так, чтобы адаптивный был, с градиентной заливкой, да снизу тень чтобы была, да под нижний край нужно подсунуть другой блок. Border метод не подходит из за градиента у блока.

Есть мысли сделать это двумя блоками, верхний скос linear-gradient, а вот нижний отдельным блоком, и в нем svg маску как то использовать. Clip-path не подходит, из за плохой поддержки браузерами.

Вот как должно быть
60b224b7c4fc0195725214.jpeg

А вот что имею


Даже не знаю как сделать такие скосы, любому совету - решению буду признателен.
  • Вопрос задан
  • 79 просмотров
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
aliencash
@aliencash
Партизан
Попробуйте так - https://codepen.io/aliencash/pen/xxqXNRB
Ответ написан
yupiter7575
@yupiter7575
Python программист
Ваш ответ на вопрос

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

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