jQuery Corner + Gradient

时间:2009-11-27 07:27:46

标签: jquery gradient

我有一个div元素.box 宽度为200px,高度为300px

首先,我想让它变成圆角。我是这样做的: $('.box').corner('round 10px');

然后我想为它添加渐变。所以它将有圆角+渐变。我试着跟随:

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

我得到了我想要的东西,但渐变适用于所有框,渐变遍历圆角。

我尝试先做渐变然后转角,但仍然是同样的事情。

如何将渐变+角添加到.box并使其看起来不错?

2 个答案:

答案 0 :(得分:0)

也许你可以节省一些时间并使用CSS 3?

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

答案 1 :(得分:0)

对于渐变,您还可以使用css3,如以下代码生成器

中所述

http://gradients.glrzad.com/