Busco

16 resultados

Toca las palabras subrayadas para cambiarlas

HTML + CSSFilter

Filter als ganzer Satz

Filter, die sich wie ein Satz lesen: Tipp auf jede unterstrichene Wendung, und sie rollt zur nächsten Option weiter.

Einstellungen

16px
1x

Code

<div class="uvq05-st"><p class="ph"><span>Ich suche</span> <button type="button" data-k="0"><span>eine Wohnung</span></button> <button type="button" data-k="1"><span>mit Terrasse</span></button> <button type="button" data-k="2"><span>im Zentrum</span></button> <button type="button" data-k="3"><span>bis 900 €</span></button></p><p class="rs"><b>16</b> <span>Ergebnisse</span></p><p class="hn">Tippe auf die unterstrichenen Wörter, um sie zu ändern</p></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.

Markdown-Version mit dem ganzen Code, für KI-Assistenten

Mehr aus Filter

Alle ansehen: Filter

Wofür du ihn nutzen kannst

Filter in natürlicher Sprache passen zu Immobilien-, Reise- und Buchungsseiten, auf denen ein komplettes Formular schwer wirkt. Der Satz steht in einer Serifenschrift, jede unterstrichene Wendung ist ein Button, der per Klick oder Pfeiltaste durch seine Optionen läuft, die neuen Wörter rollen von unten herein, und die Trefferzahl springt kurz mit.

Die erste Farbe gestaltet die Wendungen und ihre gepunktete Unterstreichung, die zweite die Markierung beim Überfahren. Bearbeite die Optionslisten im Skript für deinen eigenen Satz und halte die Optionen ähnlich lang, damit die Zeile nicht springt.