Año desde
- 2010
- 2011
- 2012
- 2013
- 2014
- 2015
- 2016
- 2017
- 2018
- 2019
- 2020
- 2021
- 2022
- 2023
- 2024
- 2025
- 2026
HTML + CSSFiltros
Selector de año con rueda
Una rueda como la del iPhone: los años giran en 3D y el que queda en el centro es el elegido.
Ajustes
16px
1x
Código
<div class="uv-fyw"><p class="ti"><span>Año desde</span> <output>2019</output></p><div class="wh"><i class="bd" aria-hidden="true"></i><ul tabindex="0" role="listbox" aria-label="Año desde"><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 para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Filtros
Ver todos: FiltrosDónde usarlo
Las ruedas de desplazamiento son la forma nativa de elegir un valor en el móvil y con un trackpad también se sienten genial. Este selector encaja cada año en la franja central, inclina los demás en 3D con una animación ligada al scroll y escribe el año elegido junto al título. Úsalo para filtrar coches o bicis por año, fechas de nacimiento o archivos.
Las flechas mueven un año cada vez y al hacer clic en un año se centra. Sin animaciones por scroll, el navegador muestra una lista plana que también encaja y selecciona.