Perspective Floor
アイソメトリックフロア
Generation Prompt
【対象要素】 - セクションの背景装飾に適用する 【演出内容】 - 奥へ傾いたグリッドの床が、手前に向かって流れ続ける - レトロフューチャーな奥行きを感じさせる 【品質要件】 - グリッド線は細く薄くして、前面のコンテンツを邪魔しない - 1マス分の移動でループさせ、継ぎ目を見せない - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A section background ornament [Motion] - A perspective grid floor streams toward the viewer, retro-future style [Quality] - Thin, faint grid lines that never fight the foreground - Loop on exactly one cell of travel so no seam shows - 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.