Cheizer
@Cheizer

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

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

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

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

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

А вот что имею


Даже не знаю как сделать такие скосы, любому совету - решению буду признателен.
  • Вопрос задан
  • 233 просмотра
Решения вопроса 1
LenovoId
@LenovoId
svg, css,js
Используем svg

Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
Ваш ответ на вопрос

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

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