アニメーションする背景をCSSで簡単に作れる・「Animated CSS Background Generator」

Ads

Animated CSS Background Generator


Animated CSS Background Generatorはボケやレクタングルなどシンプルなオブジェクトがアニメーションする背景をCSSで簡単に作れるWebアプリです

オブジェクトの数、サイズ、スピードやカラーを設定するだけで作成可能で、コードも発行してくれるのでWeb制作の知識が無い方でもコピペで使う事が出来ます

Ads

こんな背景が作れます。JS不要なのは良いんですが、オブジェクトを増やし過ぎるとHTMLやCSSのソースが比例して増えるのでJSで作った方が良いケースもあるかもしれませんね

とはいえCSS製を1から作るのは非常に面倒なので覚えておいて損はないかなぁと思います

Animated CSS Background Generator