Как сверстать такую кнопку?

Question

[Артем]

Answer 1

[Евгений Петров]

Например, вот так https://jsfiddle.net/petroveg/tmmhhf1v/1/
Тут есть и вторая кнопка https://jsfiddle.net/petroveg/tmmhhf1v/2/
У неё можно указать box-shadow, но контроль над высотой и углом наклона достигается подгонкой перспективы, наклона и масштаба увеличения по вертикальной оси.

Comments

[Артем]

Большое спасибо!

[Евгений Петров]

Есть ещё варианты с SVG, но это уже вам на тренировку. Причём SVG можно использовать и в качестве фона, и элемента в HTML.

Answer 2

[Антон Нагаец]

habrahabr.ru/post/126207 полный разбор рисования подобных объектов на CSS

Answer 3

[Ilya Korablev]

Сделайте теперь кнопку

Answer 4

[Виталий]

картинкой