Pixel-Füllung
Ein Outline-Button, dessen Hintergrund sich mit quadratischen Pixeln füllt, die durcheinander auftauchen.
Einstellungen
Code
<button class="uv-pxf"><span class="g" aria-hidden="true"><b style="--d:0.00s"></b><b style="--d:0.18s"></b><b style="--d:0.27s"></b><b style="--d:0.39s" class="b2"></b><b style="--d:0.36s"></b><b style="--d:0.29s"></b><b style="--d:0.09s"></b><b style="--d:0.27s"></b><b style="--d:0.28s"></b><b style="--d:0.13s"></b><b style="--d:0.41s" class="b2"></b><b style="--d:0.21s"></b><b style="--d:0.25s"></b><b style="--d:0.38s"></b><b style="--d:0.16s"></b><b style="--d:0.32s"></b><b style="--d:0.19s"></b><b style="--d:0.08s" class="b2"></b><b style="--d:0.41s"></b><b style="--d:0.31s"></b><b style="--d:0.36s"></b><b style="--d:0.36s"></b><b style="--d:0.13s"></b><b style="--d:0.08s"></b><b style="--d:0.00s" class="b2"></b><b style="--d:0.29s"></b><b style="--d:0.16s"></b><b style="--d:0.00s"></b><b style="--d:0.34s"></b><b style="--d:0.10s"></b><b style="--d:0.28s"></b><b style="--d:0.34s" class="b2"></b><b style="--d:0.35s"></b><b style="--d:0.10s"></b><b style="--d:0.06s"></b><b style="--d:0.22s"></b><b style="--d:0.19s"></b><b style="--d:0.28s"></b><b style="--d:0.32s" class="b2"></b><b style="--d:0.21s"></b><b style="--d:0.18s"></b><b style="--d:0.23s"></b><b style="--d:0.33s"></b><b style="--d:0.25s"></b><b style="--d:0.39s"></b><b style="--d:0.37s" class="b2"></b><b style="--d:0.18s"></b><b style="--d:0.00s"></b></span><span class="t">Jetzt spielen</span></button>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 Buttons
Alle ansehen: ButtonsWofür du ihn nutzen kannst
Dieser Button zwinkert 8-Bit-Spielen und digitaler Kunst zu: 48 Pixel warten versteckt hinter dem Text, jedes schaltet sich nach einer eigenen kurzen Verzögerung ein. Die Füllung wirkt dadurch gestreut statt gewischt, einige Pixel in der zweiten Farbe sorgen für Funkeln. Passt zu Spielestudios, Pixel-Art-Shops, Hackathons und Tech-Marken mit Retro-Note.
Wenn die Maus den Button verlässt, gehen die Pixel in derselben zufälligen Reihenfolge aus. Fast eckige Kanten halten den Arcade-Charakter, und fette, leicht gesperrte Schrift bleibt auf der Füllung gut lesbar.