线性渐变与圆形按钮上的框阴影

时间:2012-03-08 15:44:38

标签: css3 linear-gradients radial-gradients

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

的按钮

并希望只用css来做。

我整理了一个快速的jsfiddle页面http://jsfiddle.net/ne69E(但我无法让它工作,虽然我确实看到圆形元素具有相同的代码而没有jsfiddle)。

在我花太多时间做这件事之前,我想确保可以在径向渐变上创建线性渐变。我尝试使用background-image:线性渐变,但这只适用于div,而不是边框​​。

你怎么看?可能吗?或者我应该只使用图像?

1 个答案:

答案 0 :(得分:1)

你的jsfiddle有几个错误(你写的是webit而不是webkit而你使用的是4和7之类的数字而没有单位),请查看updated jsfiddle,看起来你离这里不远了像你想要的按钮那样的效果。