l Webデザイン　背景アニメーション/エフェクト15選

Webサイトのフロントエンドを実装するうえで、アニメーションやエフェクトなどのアイディアがほしい！と言う時には、CodePenというサービスがおすすめです。ウェブ制作時、フロントエンドで使用する技術のコードの共有や外部サイトへの埋め込みができるサービスです。そんなCodePenの中でも背景の表現として使えそうなアイディアをまとめてみました。

l CodePenとは？

HTML、CSS、JavaScriptのコードを書くとその場で表示を確認できるWebサービスです。無料と有料がありますが、無料で十分使えます。

・自分が書いたコードを共有できる
・人の書いたコードを編集できる
・ウェブサイトに画面を埋め込める

l 背景アニメーション/エフェクト

【IE11動作】未対応

【IE11動作】対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】対応

【IE11動作】未対応

【IE11動作】対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

【IE11動作】未対応

l 最後に

今回は背景デザインをテーマに、上記サイト等などを参考にしつつ、デザイン勉強用として、基本構成（タイトル・文章・写真）で作成してみました。