Как сделать подобные закругленные концы при помощи css3?

Question

[dima_maketov]

Здравствуйте, подскажите пожалуйста как сделать такой закругленный блок, некоторого рода маска при помощи css? Внутри блока картинка и текст, а сверху маска.

Answer 1

[Сергей Горячев]

border-radius: 20px/50%;
https://jsfiddle.net/webirus/fqczLuoe/

Comments

[dima_maketov]

Ооо, вот это то что нужно)

[dima_maketov]

Сергей, возможно вы знаете как можно реализовать вот такую кнопку prntscr.com/b70aus ? Одним тегом его можно сделать, без сторонних манипуляций с z-index?

Answer 2

[Максим Тимофеев]

border-radius:20%;