美しい影 (jquery ホームページの構造)

jquery のホームページで最初に目にするのは、デザイナーがハイライトとシャドウを使用してこの効果を作成していることです。

この気持ちをどうやって作るか？

ステップ 1: ナビゲーション領域を半透明に設定し、色を付けます rgba(0,0,0，.1)

ステップ 2: 左上隅と右上隅の丸い角を切り取ります (重要ではありません)

ステップ 3: ナビゲーション領域の上部を強調表示しますborder-top: 1px solid rgba(255,255,255,.3)

ステップ 3: ナビゲーション領域の四方に影を作成しますbox-shadow:0 0 5px rgba(0,0,0,.7)

パート 4: 左側のナビゲーション領域に影効果を追加しますborder-left: 1px solid rgba(0,0,0,.3)

上手な歌は飽きることがありません。jquery のホームページの多くの場所で同様のテクニックが紹介されています。信じられない場合は、以下をお読みください。

さて、私が書いたのはこれだけです、後でさらに書き加えていきます-------------------------------------世界は違うすべての太陽と虹box-shadow: 0 -1px #000；设置高光：border-top: 1px solid #333