Как создать такую кнопку на CSS?

Question

[holymotion]

Ребят, подскажите, как сделать кнопку без всяких png. А то вот так, уж сильно глаза бьёт, хочется всё-таки без картинок: . Такие стрелки вообще возможно сделать
на CSS и палочку? Хочу вывезти на .

Answer 1

[Александр Таратин]

jsfiddle.net/814pqa66
Вот так можно стрелочки делать

Answer 2

[Евгений Низамиев]

cssdeck.com/labs/a6gmefhy

В общем как-то так. Не совсем совпадает с картинкой, но думаю если этот вариант устроит, то дальше настроите под себя.
Чтоб изменить размер кнопки, достаточно просто прописать в button свойство font-size.

Answer 3

[Сергей Протько]

пожалейте компьютеры пользователей, сделайте png (можно только стрелку и палку).

ну а так - извращения с псевдоэлементами (::before) и box-shadow. Градиенты там и прочее не должны вызвать затруднений. Пытаться сделать на css эту стрелку можно, но будет куча ненужных дополнительных элементов и в пустую будете тратить вычислительную мощность пользователя, а они от этого вряд-ли обрадуются.

Answer 4

[Талга УтБ]

можно заюзать 2 псевдоэлемента с content '>' разных размеров и палочку через content '|'