圆形按钮上带有框阴影的线性渐变答案

【问题标题】：linear gradient with box-shadow on round button圆形按钮上带有框阴影的线性渐变
【发布时间】：2012-03-26 02:25:28
【问题描述】：

并希望仅使用 css 来完成。

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

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：