Blob Morph
ブロブモーフ
Generation Prompt
【対象要素】 - ヒーローや空きスペースの装飾図形に適用する 【演出内容】 - 円に近い塗りの図形の輪郭が、生き物のようにゆっくりうねり続ける - 角丸の比率を連続的に変化させ、有機的な形を保つ 【品質要件】 - 変化は7秒前後の長い周期にして、脈打つような速い動きにしない - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A decorative filled shape in a hero or empty space [Motion] - A near-circular blob keeps undulating organically - Animate border-radius ratios continuously to stay organic [Quality] - Use a long period (~7s); avoid fast pulsing - Make the loop seamless: the end state must match the start state exactly - With prefers-reduced-motion, stop the animation and show a static finished state
Prompts and demo code are free to use in your own projects. See About.