23種の連続した色のシンプルなグラデーションのCSSコード 『Day/Night Gradients』

WS002576
このエントリーをはてなブックマークに追加
PR

Day/Night Gradients
By Peter Bork 

DEMO 表示

1~23番、全部で23種のCSSで作られたグラデーションのパターンがあります
左から右へとグラデーションとグラデーションの並びもグラデーションになっています

少し言葉では表しにくいので、見て頂ければ すぐに分かります

 

この23種のグラデーションから好きなのを簡単に、コードをコピーして使うことが出来ます

 

また、この色の配色を利用して

メニューにグラデーションを与えるときに、ひとつのリンクに一つのグラデーションを与えて
nth-child()で1-23を準備しておいてメニューが増えた時に自動的に色が入っていくようにしたら

使い勝手と遊びを両立でき、nth-childが使えないものには初期の背景の色を指定しておけばそれで対応もできるかと

あとグラデーションを使いたい時の参考にも使えるかと思います

 

 

コードをダウンロードする

DOWNLOAD
PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)