Webデザインにアニメーションを取り入れると、見る人の注意を引きつけられるだけでなく、華やかさもプラスできます。 今回取り上げるのは、アニメーションの背景です。背景に使うアニメーションは、魅力的であると同時に控えめでなければいけません。CSSやJavaScriptを使った、バラエティ豊かなアニメーション背景8選をご紹介します。 1. 液体のようなアニメーション背景 写真や動画に見られるような、ぼかしがかかったスタイルを、アニメーション背景に活用しています。ピントが合ったり外れたりする様子を思わせるアニメーションです。 滑らかに動くアニメーション背景には、プレーンなJavaScriptとHTMLが使われています。 See the Pen Animated Bokeh Lava Lamp Canvas by smpnjn (@smpnjn) on CodePen.0 2. 色を変えられる繊細な
![CSS/JavaScriptで作られた美しいアニメーション背景8選 - Workship MAGAZINE(ワークシップマガジン)](https://cdn-ak-scissors.b.st-hatena.com/image/square/05fbf0a290b5e07ee1a320ebd1e78f601caebd89/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fgoworkship.com%2Fmagazine%2Fapp%2Fuploads%2F2022%2F05%2Fanimated-background-thumb.jpeg)