Css3 один из углов div должен быть направлен внутрь

Question

Я создал один div со следующими свойствами css.

<div class="mainDiv border-5"></div>
.mainDiv { border:1px solid black; height:auto; padding: 5px;} 
.border-5 { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;  }

Приведенный выше код обычно создает div со всеми углами. Я хочу, чтобы один из углов был направлен внутрь, т.е. угол должен исходить изнутри.

Answer 1

Вы имеете в виду, как это?

http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/

Вы можете найти код CSS здесь:

http://jsfiddle.net/leaverou/EjE7c/light/