超便利!CSSグラデーション基礎と簡単に作れるジェネレーターまとめ更新日: 2018年10月11日公開日: 2015年1月6日 ホームページデザインに彩りを添えてくれるグラデーションは、たくさんのホームページで使われていますよね。しかし、いざコードを書くとなると長くて面倒なのがこのCSSグラデーション。何種類もグラデーション用のコードを書かないといけない謎な仕様だったり、長いコードの意味がよくわからなかったり…。 そこで今回はこのグラデーション技術の基礎をご紹介していきます。簡単にグラデーション用のコードが作れるジェネレーターもご紹介するのでお見逃しなく! グラデーションコードの基礎 色の移り変わりがとても綺麗なグラデーションですが、CSSでグラデーションを表現するには、linear-gradient()関数を使います。linear-gradient()関数は線型のグラデーションを表現して
![超便利!CSSグラデーション基礎と簡単に作れるジェネレーターまとめ | CodeCampus](https://cdn-ak-scissors.b.st-hatena.com/image/square/84cf4ddb2360278ff3ee9a34ec608e6981100dce/height=288;version=1;width=512/https%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fmash-jp%2Fproduction%2Fposts%2F33501%2F3c8444dc31f37fca3ea5ba9cd0cc5b5d473cbae1.33581.desktop.jpg%3F1485825521)