css - 圆形按钮上带有框阴影的线性渐变

Question

我正在尝试创建一个类似于这些http://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon的按钮

并希望只用 css 来做到这一点。

我整理了一个快速的 jsfiddle 页面http://jsfiddle.net/ne69E（但我无法让它工作，尽管我确实看到了没有 jsfiddle 的具有相同代码的圆形元素）。

在我花太多时间做这件事之前，我想确保可以在径向渐变上创建线性渐变。我尝试使用背景图像：线性渐变，但这仅适用于 div，而不适用于边框。

你怎么看？可能吗？还是我应该只使用图像？

Answer 1

你的 jsfiddle 有几个错误（你写的是 webit 而不是 webkit 并且你使用的数字是 4 和 7 没有单位），检查这个更新的 jsfiddle，看起来你离效果不远了你想要的按钮。