CSS の scroll-snap を使うと、縦にスクロールしたときに1画面ずつ切り替わるページを、JavaScript なしで作れます。ランディングページやスライドのような全画面スクロールのページで使えます。強く払ったときや、画面よ ...

CSS の scroll-state クエリ（@container scroll-state(snapped: x)）を使うと、横スクロールでぴたっと止まったカードだけに枠や色を付けられます。カルーセルやスライダーで、いま表示中のカー ...

CSS の ::scroll-button() と ::scroll-marker を使うと、「前へ」「次へ」のボタンと、何枚目かを示すマーカーが付いたカルーセルを、JavaScript なしで作れます。最小の CSS と、ボタンの名 ...

指でめくると1枚ずつ止まる画像のカルーセルを、React と CSS Scroll Snap で作りました。前へ・次へのボタン、何枚目かの表示、ページが縦に動かないめくり方、画面の幅が変わったときの動きを、検証環境で確かめています。