カードを並べて回す、7種類の見せ方です。どれも1つのHTMLファイルだけで動きます。気になるものをクリックすると全画面で触れて、右上の「再現プロンプト」から同じものを作るプロンプトをコピーできます。
見本はすべて、Claude CodeのOpus 5.5(考える量:中)で作りました。
AIが作るものなので、同じプロンプトでも毎回まったく同じものができるとは限りません。見本のページを読み込ませながら、気になるところは自分の言葉で「ここをこう直して」と伝えて仕上げてください。
大きな円弧に沿って並び、頂点の1枚だけがまっすぐ立つ。
見る人を囲む円筒。中央が小さく、両端ほど大きく内側へ傾く。
本物の円筒をドラッグで回す。奥のカードが裏返しで透けて見える。
52枚のページが傾いた輪で回る、回転名刺入れ。投げると勢いよく回る。
手札のように扇に広げ、選んだ1枚だけを抜き出して持ち上げる。
重ねて並べた作品のうち、真ん中の1枚だけが開いて説明をのせる。
手前の1枚を中心に、となりが奥へ回りこみながらぼやけて遠ざかる。