Entra
Überschrift zum Hindurchzoomen
Ein riesiges Wort wächst beim Scrollen, bis man hindurchfliegt und der Inhalt dahinter erscheint.
Einstellungen
Code
<div class="uv-tzh"><div class="sc" tabindex="0" aria-label="Komm"><div class="tr"><div class="st"><div class="bg"><b>Willkommen im Studio</b><span>Produktdesign, Marken und Websites mit Seele.</span></div><h3>Komm</h3></div></div></div><span class="hn" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M6 13l6 6 6-6"/></svg>Scrollen</span></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 Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Ein einzelnes riesiges Wort mit Farbverlauf steht auf einer fixierten Bühne. Beim Scrollen wächst es mit beschleunigter Kurve, kommt erst langsam näher und rauscht dann am Betrachter vorbei, während dahinter ein farbiges Feld mit einer Begrüßung einblendet. Das passt sehr gut als Auftakt für ein Studio oder ein Produkt.
Gescrollt wird in einem eigenen Container, und das Skript schreibt nur den Fortschritt in eine Variable, Zoom und Überblendung erledigt CSS. Wähle das Wort, die beiden Verlaufsfarben und das Tempo, und ersetze das Feld durch deine echte Einleitung.