我正在尝试创建一个类似于这些的按钮 http://houseofbuttons.tumblr.com/post/16760351131/starred-checked-action-buttons-by-brendon
并希望只用 css 来完成。
我整理了一个快速的 jsfiddle 页面 http://jsfiddle.net/ne69E (但我无法让它工作，尽管我确实看到了没有 jsfiddle 的具有相同代码的圆形元素)。
在我花太多时间做这件事之前，我想确保可以在径向渐变上创建线性渐变。我尝试使用背景图像:线性渐变，但这只适用于 div，不适用于边框。
你怎么看？是否可以？还是我应该只使用图像？
最佳答案
您的 jsfiddle 有几个错误(您写的是 webit 而不是 webkit，并且您使用的数字如 4 和 7 没有单位)，检查此 updated jsfiddle , 看起来你离你想要的按钮上的效果不远了。
关于css - 圆形按钮上带有框阴影的线性渐变，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9620455/