Marching Dashes
破線マーチ
Generation Prompt
【対象要素】 - 枠線で見せたいカード・領域の境界線に適用する 【演出内容】 - 枠の破線が「蟻の行進」のように一方向へ流れ続ける 【品質要件】 - 破線の間隔は均等にし、角で途切れて見えないようにする - 流れる速度は1秒に1目盛り程度のゆっくりめにする - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - The border of a card or region worth highlighting [Motion] - The dashed border marches in one direction, endlessly [Quality] - Keep dash gaps even and never let corners break the rhythm - Slow pace: about one dash per second - 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.