линейный градиент с тенью на круглой кнопке

Question

Я пытаюсь создать кнопку, похожую на эти http://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon

, и надеялся сделать это просто css.

Я собрал быструю страницу jsfiddle http://jsfiddle.net/ne69E (но я не смог заставить ее работать, хотя я вижу круглый элемент с тем же кодом без jsfiddle).

Прежде чем тратить на это слишком много времени, я хотел убедиться, что можно создать линейный градиент поверх радиального градиента.Я попытался использовать background-image: линейный градиент, но это относится только к div, а не к границам.

Что ты думаешь?Является ли это возможным?Или я должен просто использовать изображения?

Answer 1

В вашем jsfiddle есть пара ошибок (вы написали webit вместо webkit, и вы используете числа, такие как 4 и 7 без единиц измерения), отметьте это обновленный jsfiddle , и кажется, что вы не так Вдали от таких эффектов, как те, что на нужных кнопках.