Косые края средствами css?

Question

[Lakewake]

Возможно ли средствами css?

Answer 1

[homm]

jsfiddle.net/homm/DxBrq/

Comments

[MiXei4]

Магия :)

[one_note_only]

не могли бы вы пояснить пример немного?

[Cyrill]

оО
Как это?

[homm]

one_note_only, Cyrill, я обновил пример.

[Cyrill]

@homm, черная магия, не иначе. красиво. а с точки зрения поддержки как это работает?

[homm]

Не работает только в ие6.

[Никита Колосов]

Я в шоке… Честно говоря, думал без картинок не сделать. А тут такое…

Answer 2

[WilliamKidd]

transform: skew(45deg)

Comments

[Кирилл Стряпонов]

developer.mozilla.org/en/css/using_css_transforms

Answer 3

[Бронислав Корнев]

&:before {
content: ' ';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 0 15px 135px 0;
border-color: transparent #fff transparent transparent;

И по аналогии с after

Answer 4

[Андрей]

jsfiddle.net/DxBrq/499