Relleno pixelado
Un botón con contorno cuyo fondo se llena de píxeles cuadrados que aparecen en desorden.
Ajustes
Código
<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">Jugar ahora</span></button>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Botones
Ver todos: BotonesDónde usarlo
Este botón guiña el ojo a los juegos de 8 bits y al arte digital: 48 píxeles esperan ocultos tras el texto y cada uno se enciende después de su propio pequeño retraso, de modo que el relleno parece salpicado en lugar de barrido. Algunos píxeles usan el color secundario y dan chispa. Encaja en estudios de videojuegos, tiendas de pixel art, hackathons y marcas tecnológicas con aire retro.
Al apartar el ratón, los píxeles se apagan en el mismo orden aleatorio. Las esquinas casi rectas mantienen el aire arcade y un texto en negrita con algo de espaciado se lee bien sobre el relleno.