jQuery Corner + Градиент

Question

У меня есть один элемент div .box Его ширина составляет 200 пикселей, а высота - 300 пикселей

Сначала я хочу сделать углы. Я делаю это со следующим: $('.box').corner('round 10px');

Тогда я хочу добавить градиент к нему. ТАК это будет иметь закругленные углы + градиент. Я пытаюсь следующее:

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

Я получаю то, что хочу, но градиент применяется ко всем клеткам, а градиент проходит по закругленным углам.

Я пытался сделать сначала градиент, затем угол, но все еще то же самое.

Как добавить градиент + угол в .box и сделать его хорошо выглядящим?

Answer 1

Для градиента вы также можете использовать css3, как описано в следующем генераторе кода

http://gradients.glrzad.com/

Answer 2

Возможно, вы сможете сэкономить время и использовать CSS 3?

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