【CSS】CSSだけで作るカルーセル - Qiita

はじめに みなさんはカルーセルを作りたいと思ったことはありますか？ 今までは、ライブラリーを使ったりしても、アクセシビリティの担保ができてなかったり、 少し複雑なJSを書かなくちゃいけなかったりと、カルーセルを自作するのは大変でした。 しかし、Chrome 135 以降では、CSS Overflow Module Level 5 が適応され、CSSだけで、カルーセルが作れるようになりました。 そのため、この記事では、CSSだけでカルーセルを作る方法を紹介しようと思います。 CSSだけで作るカルーセル カルーセルのコンテナを作る まずは、このようにカルーセルのコンテナをつくります。 <ul class="carousel"> <li class="carousel-item">1</li> <li class="carousel-item">2</li> <li class="carouse