カテゴリー
Tips

区切り線をより自然に見せる

グローバルメニュー等の項目の区切り線に明度の使う1pxのラインを二つ並べて、立体的に見せる手法は良く使います。

これにプラスして、明るいラインに背景のグラデーションと逆のグラデーションを入れてみましょう。

グラデーションを加えた方がより自然なイメージです。拡大すると以下のようになっています。

背景のグラデーションと逆にグラデーションをかけるのがポイントです。

2011/12/08