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

Как придать необычную форму div средствами CSS?

Доброго времени суток!

Подскажите мне пожалуйста, как можно придать форму данному блоку средствами css. По сути надо изменить форму у div.
Вот изображение:
5dfa40f0a5ad4734048619.png

Знаю, что можно решить этот вопрос обычной svg с position:absolute, но интересует более изощренное решение изменением углов у div.
Перекрывать этот блок псевдоэлементами before и after тоже не хочется, тк нужно сохранить прозрачность по краям.
Закрасить градиентом и добавить тень смогу сам)

Заранее спасибо! Всем мира!
  • Вопрос задан
  • 13684 просмотра
Подписаться 6 Простой 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Пригласить эксперта
Ответы на вопрос 2
IsSavinykh
@IsSavinykh
Full-Stack Веб-разработчик, мобильный разработчик
.block {
     clip-path: polygon(0% 40%,100% 0%,100% 100%,0% 100%) margin-box;
     margin: 0;
}
попробуйте так..
Ссылка на статью - здесь подробнее об этом говориться
Ответ написан
Antonoff
@Antonoff
Разработчик
Ваш ответ на вопрос

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

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