Remplissage pixelisé
Un bouton à contour dont le fond se remplit de pixels carrés qui apparaissent dans le désordre.
Réglages
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">Jouer maintenant</span></button>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Boutons
Voir tout : BoutonsOù l’utiliser
Ce bouton fait un clin d'œil aux jeux 8 bits et à l'art numérique : 48 pixels attendent cachés derrière le texte et chacun s'allume après son propre petit délai, si bien que le remplissage semble éparpillé plutôt que balayé. Quelques pixels prennent la couleur secondaire et ajoutent de l'éclat. Il convient aux studios de jeux, boutiques de pixel art, hackathons et marques tech rétro.
Quand la souris s'en va, les pixels s'éteignent dans le même ordre aléatoire. Les coins presque droits gardent l'esprit arcade et un libellé en gras un peu espacé reste lisible sur le remplissage.