jQuery Corner+Gradient

I have one div element .box It's width is 200px and height is 300px

First I want to make it 's corners round. I do it with following: $('.box').corner('round 10px');

Then I want to add gradient to it. SO it will have rounded corners + gradient. I try following:

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

I ge开发者_如何学编程t kinda what I want but gradient applies to all box and gradient goes over rounded corners.

I tried to do gradient first then corner, but still same thing.

How can I add gradient + corner to .box and make it look good?

---

Perhaps you can save yourself some time and use CSS 3?

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

---

For gradient you can also use css3 as described in the following code generator

http://gradients.glrzad.com/