3D Carousel
3Dカルーセル
Generation Prompt
【対象要素】 - カード・パネル群の装飾表示に適用する 【演出内容】 - 複数枚のカードを円筒状に配置し、全体をゆっくり回転させ続ける - 手前に来たカードが大きく、奥のカードは重なって見える 【品質要件】 - カードは等間隔の角度で配置する - 回転は等速で1周12秒前後にする - ループの継ぎ目が分からないよう、終了時の状態と開始時の状態を完全に一致させる - prefers-reduced-motion 時はアニメーションを止め、静止した完成状態で表示する
[Target] - A set of cards or panels [Motion] - Cards arranged on a cylinder rotate together slowly - The front card reads large; rear cards overlap behind [Quality] - Space cards at equal angles - Linear rotation, ~12s per revolution - 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.