div 要素が 1 つあります.box
。幅は 200px、高さは 300px です。
まずは角を丸くしたい。私は次のようにします:
$('.box').corner('round 10px');
次に、グラデーションを追加します。そのため、角が丸くなり、グラデーションになります。私は次のことを試みます:
$('.box').gradient({ topcolor: '#000000', bottomcolor: '#ffffff', horizontal: false, opacity: 40});
私はちょっと欲しいものを手に入れましたが、グラデーションはすべてのボックスに適用され、グラデーションは丸みを帯びた角を超えています。
最初にグラデーションを実行してからコーナーを実行しようとしましたが、それでも同じです。
.box にグラデーション + コーナーを追加して見栄えを良くするにはどうすればよいですか?