jQuery的角+梯度

Question

我有一个div元素.box 它的宽度为200像素，高300像素是

首先，我希望把它的角轮。我做到以下几点： $('.box').corner('round 10px');

然后我想添加渐变。所以它会有圆角+渐变。我尝试以下方法：

$('.box').gradient({ topcolor: '#000000', bottomcolor: '#ffffff', horizontal: false, opacity: 40}); 

我得到了一个我想要的但梯度适用于所有框和渐变去过圆角。

我试图先做梯度然后转角，但仍然是同样的事情。

如何将渐变+转角添加到.box并使其看起来很好？

Answer 1

也许你可以节省一些时间和使用CSS 3？

http://www.css3.info/preview/rounded-border/

Answer 2

对于渐变，您还可以在下面的代码生成

http://gradients.glrzad.com/