Задать вопрос

Как сделать скошенные углы у блока?

Есть такой блок
5f3ed865083d7587214938.png

Есть такой блок, нужно на css сделать скошенные углы, все это хотел сделать на clip path но тогда не смогу сделать бордер у блока по периметру, как еще сделать можно? через псевдоэлементы?

clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 80%, 80% 100%, 0 100%, 0% 80%, 0% 20%);
  • Вопрос задан
  • 869 просмотров
Подписаться 11 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
hzzzzl
@hzzzzl
псевдо, или просто в еще один див положить с таким же клип-патхом

Ответ написан
Комментировать
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Как вариант linear-gradient + псевдо
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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