AI × DESIGN
後ろで動く背景を
自由に作れる
右のパネルで 背景・動く色・形・動き方を選ぶとその場で変わります 気に入ったら「コードをコピー」
設定 ⚙︎
▽ 閉じてプレビューを見る
動く背景ジェネレーター
動きのパターン
― なし（メインの動きを消す）
① ブロブ（丸/形が浮遊）
② シャボン（下から昇る）
③ 周回（点が回る）
④ ふわふわ（上下に漂う）
⑤ オーロラ（光の帯が回る）
⑥ 波（下でうねる）
⑦ メッシュ（色が流れる）
⑧ 粒と線（AIっぽい）
⑲ ネット密（線が多い・AI）
⑨ 星屑（細かい粒）
⑩ 雨（線が降る）
⑪ 波紋（円が広がる）
⑫ 玉ボケ（ふんわり光る）
⑬ 雪（ゆっくり降る）
⑭ 蛍（光が点滅して漂う）
⑮ 紙吹雪（カラフルに舞う）
⑯ 流れ星（尾を引いて流れる）
⑰ 渦（中心から回って広がる）
⑱ 走ってくる（車・馬などが流れる）
⑱は「動く向き」で 上から下・左から右 などに走らせられます。形で 🚗🐎✈️ などを選んでください
動きを重ねる（複数えらべる・任意）
上の動きに、ここで選んだ動きを重ねて表示します（例：オーロラ＋粒と線）。
もう一度押すと外せます
。メインの動きを消したい時は、上のメニューで「なし」を選んでください
動く向き
おまかせ（バラバラに動く）
上へ
下へ
左へ
右へ
形（①②③④で効きます）
丸
ブロブ（不定形）
角丸四角
三角
六角形
八角形
五角形
ひし形
星
ハート
プラス（十字）
矢印
稲妻
キラリ（4芒星）
盾
山形（＞）
バツ
台形
平行四辺形
サッカーボール ⚽
バスケットボール 🏀
桜 🌸
キラキラ ✨
音符 🎵
葉っぱ 🍃
雪の結晶 ❄️
あわ 🫧
車 🚗
レースカー 🏎️
トラック 🚚
自転車 🚲
馬 🐎
競馬 🏇
走る人 🏃
ロケット 🚀
飛行機 ✈️
鳥 🐦
魚 🐟
蝶 🦋
犬 🐕
猫 🐈
風船 🎈
星 ⭐
炎 🔥
雷 ⚡
UFO 🛸
ハート ❤️
雲 ☁️
王冠 👑
虹 🌈
おばけ 👻
花 🌼
コイン 🪙
背景の色（土台）
グラデ（縦）
グラデ（斜め）
放射（中央が明るい）
単色（上の色だけ）
＋ 背景の色を増やす（グラデを何色でも）
動く色（背景と別々に選べる・何色でも）
動く部分に混ぜる色です。「＋色を増やす」で増やせます。各色の✕で減らせます（最低1色）
＋ 動く色を増やす
速さ
1.0
大きさ
1.0
数・密度
1.0
動く部分の濃さ（透明度）
1.0
ズーム（引く⇔寄る）
1.0
ぼかし量
42
ぼかしを使う
グリッド線（テック感）
ビネット（四隅を暗く）
ザラつき（フィルム質感）
いろんな形を混ぜる
サンプル文字を表示
キラキラ・エフェクト（CapCut／Canva風）
✨ きらめき（光が横切る）
🌈 光漏れ（やわらか発光）
☀️ 光線（差し込む光）
📺 走査線（レトロTV）
⚡ グリッチ（ノイズ揺れ）
💓 ズーム鼓動（ふわっと拡縮）
🎨 色がゆっくり変化
サンプル文字（自分の言葉で確認）
おまかせデザイン集（ワンタップ）
迷ったらここから。タップで一式まるごと切り替わります
お気に入り（この端末に保存）
💾 いまの設定を保存
🎲 ランダムで提案
⏸ 一時停止
⛶ 全画面で確認
📋 コードをコピー
⬇️ HTMLファイルで保存
リセット
HPに貼り付けるコード
この丸ごとをHPの好きなセクションに貼ると 同じ動く背景が出ます 何箇所に貼ってもOK（色違いで貼れます）
閉じる
コピーする