Matrix-Regen als Hintergrund
Zeichenkolonnen fallen mit leuchtender Spur, gezeichnet auf einem Canvas. Vollbild, mit HTML, CSS und ein paar Zeilen JS.
Einstellungen
Code
<div class="pt-matrix"><canvas></canvas></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 Hintergründe
Wofür du ihn nutzen kannst
Der Matrix-Regen als Hintergrund funktioniert immer noch, wenn eine Seite aussehen soll, als lebe sie im Terminal: eine Firma für IT-Sicherheit, die Seite eines Hackathons oder CTF, das Portfolio einer Entwicklerin, eine augenzwinkernde 404. Katakana, Zahlen und Zeichen rieseln in Spalten mit hellem Kopf und verblassender Spur, alle drei Farben sind anpassbar.
Er läuft auch weiter, wenn Besucher im System weniger Bewegung eingestellt haben. Bau diese Prüfung also selbst ein, wenn er viel Fläche einnimmt. Die Dichte ändert die Zeichengröße. Liegt Text darüber, senk die Deckkraft, damit der Regen im Hintergrund bleibt.