Tipo con volumen
Mueve el cursor o toca para mover la luz
Extrudierte Headline, die dem Licht folgt
Buchstaben mit Volumen wie auf einem Pop-Plakat: Die Extrusion aus vierzehn Ebenen dreht sich, als wäre der Mauszeiger ein Scheinwerfer.
Einstellungen
Code
<div class="uvq14-ext"><h3 class="hl">Schrift mit Tiefe</h3><p class="cp">Bewege den Zeiger oder tippe, um das Licht zu verschieben</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.
Mehr aus Text & Scroll
Alle ansehen: Text & ScrollWofür du ihn nutzen kannst
Vierzehn gestapelte Textschatten geben dieser Überschrift einen massiven 3D-Block unter der konturierten Vorderseite, wie auf einem Pop-Art-Plakat oder einem Arcade-Titel. Zwei CSS-Variablen bestimmen die Richtung, ein paar Zeilen JavaScript drehen sie vom Cursor weg, sodass die Buchstaben von ihm beleuchtet wirken. Ohne Eingabe kreist das Licht langsam von selbst. Passt zu Events, Spielen, Sales und lauten Kampagnen.
Schreib die Überschrift ins Textfeld und wähle die Farbe der Vorderseite über die Hauptfarbe und die Extrusion über die Zweitfarbe. Der Rasterhintergrund nutzt denselben Akzent. Auf dem Handy verschiebt ein Tipp das Licht, bei reduzierter Bewegung bleibt die Extrusion stehen.