Coin Flip
コインフリップ
Generation Prompt
【対象要素】 - バッジ・メダル・ロゴマークなどの円形要素に適用する 【演出内容】 - メダルが縦の軸でくるくると回転し続ける - 正面を向いた瞬間にゆっくり、横を向く瞬間に速く見える緩急を付ける 【品質要件】 - 金属らしい明暗のグラデーションを付け、回転で光が動いて見えるようにする - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A circular badge, medal, or logo mark [Motion] - The medal spins around its vertical axis, forever - It reads slower facing front and faster on edge [Quality] - Add a metallic light gradient so highlights travel with the spin - 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.