jQuery + coin dégradé

Question

I ont un élément div .box sa largeur est 200px et la hauteur est 300px

D'abord, je veux faire ce tour coins de. Je le fais avec: $('.box').corner('round 10px');

Ensuite, je veux ajouter un dégradé. Il aura donc des coins arrondis + dégradés. J'essaie de ce qui suit:

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

Je reçois un peu ce que je veux, mais gradient applique à tous les boîte et gradient passe au-dessus des coins arrondis.

J'ai essayé de faire un dégradé d'abord puis un coin, mais toujours la même chose.

Comment puis-je ajouter un dégradé + coin à .box et le rendre bien?

Answer 1

Peut-être que vous pouvez économiser du temps et utiliser CSS 3?

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

Answer 2

Pour gradient, vous pouvez également utiliser CSS3 comme décrit dans le générateur de code suivant

http://gradients.glrzad.com/