こんだてガチャ — 献立アプリ
架空の献立アプリのサービス紹介ページ
クリーム色の紙に太い墨線、ずらした影、5色のキャンディカラー。ステッカー帳のようなサービス紹介ページです。目玉はページの中で実際に回せるガチャ。ハンドルが回り、カプセルが揺れ、出てきた1個がパカッと開いて今夜の献立を教えてくれます。
見どころ
- CSS と React で動くガチャ。回る・揺れる・落ちる・開く
- 月払い / 年払いの料金切り替えと、details を使った FAQ
- インライン SVG で描いた食べ物ステッカーと、CSS のスマホモック
- スマホではヒーローを過ぎると現れる追従ボタン


