Año desde
- 2010
- 2011
- 2012
- 2013
- 2014
- 2015
- 2016
- 2017
- 2018
- 2019
- 2020
- 2021
- 2022
- 2023
- 2024
- 2025
- 2026
HTML + CSSFiltres
Sélecteur d'année à molette
Une molette comme sur iPhone : les années tournent en 3D et celle du centre est sélectionnée.
Réglages
16px
1x
Code
<div class="uv-fyw"><p class="ti"><span>Année à partir de</span> <output>2019</output></p><div class="wh"><i class="bd" aria-hidden="true"></i><ul tabindex="0" role="listbox" aria-label="Année à partir de"><li role="option">2010</li><li role="option">2011</li><li role="option">2012</li><li role="option">2013</li><li role="option">2014</li><li role="option">2015</li><li role="option">2016</li><li role="option">2017</li><li role="option">2018</li><li role="option">2019</li><li role="option">2020</li><li role="option">2021</li><li role="option">2022</li><li role="option">2023</li><li role="option">2024</li><li role="option">2025</li><li role="option">2026</li></ul></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Filtres
Voir tout : FiltresOù l’utiliser
Les molettes de défilement sont la façon native de choisir une valeur sur mobile, et elles sont agréables au pavé tactile aussi. Ce sélecteur cale chaque année dans la bande centrale, incline les autres en 3D grâce à une animation liée au défilement et écrit l'année choisie à côté du titre. Pour filtrer des voitures ou des vélos par année, des naissances ou des archives.
Les flèches avancent d'une année et un clic sur une année la centre. Sans animations liées au défilement, la liste reste plate mais se cale correctement.