Hacemos webs rápidas, bonitas, accesibles y tuyas
Wortwechsel im 3D Würfel
Das letzte Wort der Überschrift steht auf den Seiten eines Würfels, der sich dreht und jedes Mal ein anderes zeigt.
Einstellungen
Code
<h3 class="uv-twq"><span class="a">Wir bauen Websites</span> <span class="cb" aria-hidden="true"><i>schnell</i><i>schön</i><i>zugänglich</i><i>persönlich</i><span class="in"><b style="--i:0">schnell</b><b style="--i:1">schön</b><b style="--i:2">zugänglich</b><b style="--i:3">persönlich</b></span></span><span class="sr">schnell, schön, zugänglich und persönlich</span></h3>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
Eine Überschrift, deren letztes Wort durch einen kleinen 3D Würfel wechselt. Jede Seite trägt ein Wort auf einem farbigen Verlauf, und der Würfel hält auf jeder Seite kurz an, bevor er zügig zur nächsten kippt, sodass sich der Satz auf vier Arten vervollständigt, ohne dass das Layout springt.
Die Breite des Würfels richtet sich über ein verstecktes Raster nach dem längsten Wort, damit Übersetzungen nie überlaufen. Screenreader hören die ganze Liste einmal, die Animation ist reines CSS und reduzierte Bewegung stoppt sie. Wörter, Farben und Tempo sind anpassbar.