横スクロールギャラリー
横並びカードを横スワイプで閲覧。scroll-snap-type: x で各カードにピタッと止まる。タッチ対応。
プレビュー
スクロール
操作枠内をスクロールすると動きます。
コード（コピーして使えます）
<p class="hint"><span class="hint-arrow">←</span> スワイプ <span class="hint-arrow">→</span></p>
<div class="gallery">
<div class="card" style="background:#2b50c7">01</div>
<div class="card" style="background:#1e3fa0">02</div>
<div class="card" style="background:#3b63d8">03</div>
<div class="card" style="background:#2b50c7">04</div>
<div class="card" style="background:#1e3fa0">05</div>
</div>