Carroussel test

Modèle:Caroussel test

<input type="radio" name="carousel" id="carousel-1" checked style="display: none;"> <input type="radio" name="carousel" id="carousel-2" style="display: none;"> <input type="radio" name="carousel" id="carousel-3" style="display: none;">

 <label for="carousel-1" style="cursor:pointer; padding:5px;">●</label>
 <label for="carousel-2" style="cursor:pointer; padding:5px;">●</label>
 <label for="carousel-3" style="cursor:pointer; padding:5px;">●</label>

<style>

 #carousel-1:checked ~ .carousel-slide div { transform: translateX(0%); }
 #carousel-2:checked ~ .carousel-slide div { transform: translateX(-100%); }
 #carousel-3:checked ~ .carousel-slide div { transform: translateX(-200%); }

</style>