グラデーションのはなし

Lesson 03 グラデーションでつくる印象的な見出し – HTML5+CSS3 次世代Webコーディングの超・最新動向・CSS3編 – MdN Design Interactive

自分は講習やらで背景にグラデーションをかけるには、画像を連続的に配置して色の連続性を出すようなことをしてましたし、教わりました。
しかし、新しいCSSのバージョンである3では文字で指定をすると同じようにグラデーションをかけることができるそうです。ただ、うえのリンクで何パターンか試してみたところなかなかうまく行かないことがありました。
…この辺りがまだまだ素人だなぁってところですね。

というわけで違うものを見つけました。
CSS3 Generator – By Peter Funk & Eric Hoffman
カラーの指定を入れるとソースを出してくれるっていう便利なやつです。それで表示されたソースをCSSでに書き入れればいいだけ。いやはや便利になりました。本当は自分でかけるようにするのがいいんですけど、何回か使って書き方の手順を覚えればいいや…と(笑)

広告

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中