Закругленные внутрь углы при помощи CSS

Посмотрите уроки по html5 и css3:

Каждый из вас сможет сделать закругленные углы для блока. Для стандартного закругления углов достаточно прописать одну строку css кода. Но что делать если углы блока должны быть закруглены внутрь элемента? В данном уроке мы рассмотрим с вами одну из возможностей создания закругленных внутрь углов для элементов.

По результатам видео вы научитесь реализовывать нестандартные блоки с закругленными внутрь углами.

[ificouldfly]

Когда увидел превью, сразу же о таком способе подумал) ::before ::after one love))

[vli]

а как же если фон картинка, этот вариант был бы интересен.

[awnisavefo]

А не роще подобные углы через border-image делать? Так можно ограничится одним дивом и одним селектором, и углы можно прозрачные сделать

[vorobei-_-]

Углы можно красить триггером, находишь фон родительского элемента, и присваиваешь

[KaMaZ]

Не, друзья. Это слишком очевидно и бесполезно. Почти всегда в таких случаях на фоне какая то картинка, сепия, градиент - не однотонное, цвет не подобрать, надо именно прозрачность