背景に49種類の美しいグラデーションを実装できるスタイルシート「HUE.css」!

2016/11/21

こんにちは。
今回は背景に49種類の美しいグラデーションを実装できるスタイルシート「HUE.css」!です。

背景にAppleのような美しいグラデーションを実装できるCSSライブラリを紹介します。

背景に49種類の美しいグラデーションを実装できるスタイルシート「HUE.css」!

HUE.css

hue-css

 

「HUE.css」をダウンロードしてみよう!

https://github.com/evankarageorgos/hueにアクセスして右にある「Download ZIP」のボタンをクリックしてダウンロードします。

 

「HUE.css」を設置してみよう!

hue.cssをhead内に読み込みます。

 

html部分を記述します。
theBridgeの場合はtheBridgeというクラス名を付けますよ。

 

全部で49種類あり、そのままクラス名として使えます。
・theBridge
・deepFocus
・blueHour
・darkAmber
・prelude
・saltAndPepper
・cashemere
・wolverine
・fullMoon
・flamingo
・earlyMorning
・nearLight
・mirror
・dementor
・underTheEarth
・backToAlaska
・flash
・tribute
・twinPeaks
・youngForest
・air
・tranquility
・silverLake
・amnesia
・silverStone
・greyConnection
・theCapsule
・hiddenGems
・nightSmoothie
・goldenLeaf
・floatingDream
・escape
・icarus
・flashlight
・milkyWay
・circular
・autumn
・northKingdom
・jupiter
・whiteNoise
・silverSurfer
・blackSands
・greyHound
・returnToAir
・graphite
・unicorn
・cosmos
・ice
・comet

 

最強のCSS設計 チーム開発を成功に導くケーススタディ
最強のCSS設計 チーム開発を成功に導くケーススタディ

 

いかがでしたか。なんでもないページがおしゃれになりそうですね。
以上で背景に49種類の美しいグラデーションを実装できるスタイルシート「HUE.css」!でした。

topへ戻る