Blob Morph (ブロブモーフ)
別名 Morphing Blob, Animated Blob, Blob / Morphing Loader, Gooey loader, Morph loader
有機的なブロブが輪郭を絶えず変化させ続けます。
使いどころ
背景、アバター、ボタン
バリエーション
- CSS border-radius
- SVG path
- masked image blob
プロンプト
[適用する場所] を使いたい場所に置き換えて、AIエージェントに貼り付けてください。プロンプトにはモーションの名前が入っているので、次からは名前だけで依頼できます。
[適用する場所]にブロブモーフ(Blob Morph)のループアニメーションを追加してください。モーフィングブロブ(morphing blob)、アニメーテッドブロブ(animated blob)とも呼ばれます。
有機的なブロブがゆっくり回りながら輪郭を絶えず変化させ、角のない滑らかで柔らかな動きにしてください。
形が飛ばないようにループの継ぎ目をなくし、ユーザーがモーションを減らす設定(prefers-reduced-motion)にしている場合は静止させてください。