CSSのグラデーションを使ってメタリック感を出すメモ #CSS

CSSのグラデーションを使ってメタリック感を出すメモ #CSS

CSSのグラデーションをうまく使うと、メタリック感のある背景色を作ることができます。

今回は忘れないうちにそんなメモ。

金色メタリック

こんな感じで、けっこう連続で近い色をグラデーションさせます。時々白っぽい色や黒っぽい色を入れてあげると、よりテカリ感が出るかも。

銀色メタリック

銀色の場合は、グレーと白っぽいグレーとをうまく組み合わせてみるといいです。

メタリックブルー

メタリックブルーってカッコイイですよねぇ。

メタリックグリーン

緑は渋い色を選びすぎ!?

メタリックパープル

何やら高級感というよりは、怪しげなかんじにw

メタリックなグラデーションをつくるmixin

上のようなメタリックカラーのグラデーションを作るscss用のmixinを作ってみました。ご参考までにどうぞ。

メタリック感のあるグラデーションをつくるmixin

7,453 views/total