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/