Mam mały problem z css. Potrzebuję trapezoidalnej podziałki, której lewy górny róg (ten o kącie powyżej 90 stopni) jest zaokrąglony. Już wiem, że to:

HTML:

<div style="margin:30px">
  <div class="trapezoid">
  </div>
</div>

CSS:

.trapezoid{
  vertical-align: middle;
  border-bottom: 31px solid red;
  border-left: 25px solid transparent;
  height: 0;
  width: 150px;
}

wytwarza trapez. Próbowałemborder-top-left-radius nieruchomości, jednak efekt nie jest wystarczający.

Oto jsfiddle z powyższym kodem, aby dobrze się bawić:http://jsfiddle.net/n3TLP/5/

Potrzebuję więcej informacji po prostu komentarz.
Z góry dziękuję :)