AI × DESIGN
後ろで動く背景を
自由に作れる
右のパネルで 背景・動く色・形・動き方を選ぶとその場で変わります 気に入ったら「コードをコピー」
設定 ⚙︎
▽ 閉じてプレビューを見る
動く背景ジェネレーター
動きのパターン
① ブロブ（丸/形が浮遊）
② シャボン（下から昇る）
③ 周回（点が回る）
④ ふわふわ（上下に漂う）
⑤ オーロラ（光の帯が回る）
⑥ 波（下でうねる）
⑦ メッシュ（色が流れる）
⑧ 粒と線（AIっぽい）
⑨ 星屑（細かい粒）
⑩ 雨（線が降る）
⑪ 波紋（円が広がる）
⑫ 玉ボケ（ふんわり光る）
⑬ 雪（ゆっくり降る）
⑭ 蛍（光が点滅して漂う）
⑮ 紙吹雪（カラフルに舞う）
⑯ 流れ星（尾を引いて流れる）
⑰ 渦（中心から回って広がる）
動きを重ねる（複数えらべる・任意）
上の動きに、ここで選んだ動きを重ねて表示します（例：オーロラ＋粒と線）
動く向き
おまかせ（バラバラに動く）
上へ
下へ
左へ
右へ
形（①②③④で効きます）
丸
ブロブ（不定形）
角丸四角
三角
六角形
八角形
五角形
ひし形
星
ハート
プラス（十字）
矢印
稲妻
キラリ（4芒星）
盾
山形（＞）
バツ
台形
平行四辺形
サッカーボール ⚽
バスケットボール 🏀
桜 🌸
キラキラ ✨
音符 🎵
葉っぱ 🍃
雪の結晶 ❄️
あわ 🫧
背景の色（土台）
グラデ（縦）
グラデ（斜め）
放射（中央が明るい）
単色（上の色だけ）
＋ 背景の色を増やす（グラデを何色でも）
動く色（背景と別々に選べる・何色でも）
動く部分に混ぜる色です。「＋色を増やす」で増やせます。各色の✕で減らせます（最低1色）
＋ 動く色を増やす
速さ
1.0
大きさ
1.0
数・密度
1.0
動く部分の濃さ（透明度）
1.0
ズーム（引く⇔寄る）
1.0
ぼかし量
42
ぼかしを使う
グリッド線（テック感）
ビネット（四隅を暗く）
ザラつき（フィルム質感）
いろんな形を混ぜる
サンプル文字を表示
サンプル文字（自分の言葉で確認）
おまかせデザイン集（ワンタップ）
迷ったらここから。タップで一式まるごと切り替わります
お気に入り（この端末に保存）
💾 いまの設定を保存
🎲 ランダムで提案
⏸ 一時停止
⛶ 全画面で確認
📋 コードをコピー
⬇️ HTMLファイルで保存
リセット
HPに貼り付けるコード
この丸ごとをHPの好きなセクションに貼ると 同じ動く背景が出ます 何箇所に貼ってもOK（色違いで貼れます）
閉じる
コピーする