Как сделать такую кнопку?

Question

[Ilshat Gayanov]

Как сделать такую кнопку?

P.S: я знаю что можно тупо background-image, но мне надо на чистом css сделан был

Answer 1

[twobomb]

Тип такого

Comments

[forspamonly2]

почти правильно, только рельеф там чёткий сверху-снизу должен быть. для этого лучше бордер тоже тенью сделать, чтобы углы были скруглены у рельефа.
https://codepen.io/anon/pen/GxbqOB

насчёт текстуры неясно - это на самой кнопке у него или фон просвечивает.

[Ilshat Gayanov]

Спасибо большое )))))))))

Answer 2

[Олег]

Градиент + тень
Но у тебя там текстура, так что картинкой.

Comments

[Ilshat Gayanov]

я бы сделал бы но .png качество в мобилки теряется, .jpg превратить?

[Олег]

Ilshat Gayanov, https://jsfiddle.net/bc66y3hz/