Año desde 2019

  • 2010
  • 2011
  • 2012
  • 2013
  • 2014
  • 2015
  • 2016
  • 2017
  • 2018
  • 2019
  • 2020
  • 2021
  • 2022
  • 2023
  • 2024
  • 2025
  • 2026
HTML + CSSFilter

Jahresauswahl als Rad

Ein Rad wie beim iPhone: Die Jahre drehen sich in 3D, und das mittlere ist ausgewählt.

Einstellungen

16px
1x

Code

<div class="uv-fyw"><p class="ti"><span>Baujahr ab</span> <output>2019</output></p><div class="wh"><i class="bd" aria-hidden="true"></i><ul tabindex="0" role="listbox" aria-label="Baujahr ab"><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 für KI

Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.

Mehr aus Filter

Alle ansehen: Filter

Wofür du ihn nutzen kannst

Scrollräder sind auf dem Handy die native Art, einen Wert zu wählen, und auch mit dem Trackpad fühlen sie sich toll an. Diese Auswahl rastet jedes Jahr im mittleren Band ein, kippt die anderen per scrollgesteuerter Animation in 3D weg und schreibt das gewählte Jahr neben den Titel. Für Baujahre von Autos oder Rädern, Geburtsjahre oder Archivdaten.

Pfeiltasten bewegen um ein Jahr, ein Klick auf ein Jahr zentriert es. Ohne scrollgesteuerte Animationen zeigt der Browser eine flache, verblasste Liste, die trotzdem einrastet und richtig auswählt.