Как добиться обратного эффекта border-radius на css?

Необходимо добиться эффекта обратного тому, который есть в примере.
Чтобы нижняя часть блока выглядела не выпуклой, а вогнутой.
  • Вопрос задан
  • 8428 просмотров
Решения вопроса 2
Petroveg
@Petroveg
Миром правят маленькие с#@&ки
Как сделать вогнутые углы у блока на CSS?
А вот так можно сделать, используя псевдоэлементы, box-shadow и overflow.
Конечно, можно использовать radial-gradient но уж больно зубчатым выходит. Поэтому придётся замылить край.
Ответ написан
Комментировать
BuriK666
@BuriK666
Компьютерный псих
Как-то так https://jsfiddle.net/skv3d2uc/ Думаю идея ясна..
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
mannaro
@mannaro
Умею профессионально гуглить
Тривиально - никак. Можно исхитрятся с ::after, ::before, либо использовать картинку.
Ответ написан
Комментировать
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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