<!-- Carousel --> <div class="carousel"> <div class="carousel-inner"> <input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden checked> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden> <div class="carousel-item"> ... </div> <input class="carousel-open" type="radio"
![JavaScriptは無し、CSSで実装されたUIコンポーネントのまとめ -Pure CSS Components](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b38e1e64f49ed14d40b1050668a6a3e1875013c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201903%2F2019070310-00.png)