0

div 要素が 1 つあります.box 。幅は 200px、高さは 300px です。

まずは角を丸くしたい。私は次のようにします: $('.box').corner('round 10px');

次に、グラデーションを追加します。そのため、角が丸くなり、グラデーションになります。私は次のことを試みます:

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

私はちょっと欲しいものを手に入れましたが、グラデーションはすべてのボックスに適用され、グラデーションは丸みを帯びた角を超えています。

最初にグラデーションを実行してからコーナーを実行しようとしましたが、それでも同じです。

.box にグラデーション + コーナーを追加して見栄えを良くするにはどうすればよいですか?

4

2 に答える 2

0

グラデーションの場合は、次のコードジェネレーターで説明されているようにcss3を使用することもできます

http://gradients.glrzad.com/

于 2012-01-08T09:18:49.023 に答える
0

おそらく、時間を節約してCSS 3を使用できますか?

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

于 2009-11-27T11:45:18.223 に答える