画像一枚でCSS3のグラデーションをかっこよく変身させる！ | 株式会社LIG

はじめまして！新しくLIGのメンバーになりました、もりたです。 みなさんグラデーションは好きですか？私は大好きです！嬉しいことにCSS3のおかげで1ページの縦の長さを計算しなくても、下に行くにつれて色が変わるグラデーションを背景にできるようになりました! 嬉しさのあまり、縦長コンテンツのサンプル作ってみました。 Sample スムーズスクロールで色が変わっていくのが見えて、ミニマムデザインのサイトで効果的に使えたらかっこいいですよね。でもグラデーションだけで背景を作ろうとするとノッペリしてなんかかっこわるい…そんな経験はないでしょうか。うっかりすると懐かしのMacロゴみたいな派手なレインボーカラーになっちゃったり…。そこで、サンプルでも使った超簡単にグラデーション背景をグランジでかっこよくする小技をご紹介します。画像一枚用意するだけなので、なんかもの足りないなーと思ったときにすぐ使えますよ