Brutalista Volver al principio
Un componente brutalista del botón Volver al principio que utiliza colores en escala de grises y Tailwind CSS. Es sensible y admite el modo oscuro.
Código HTML
<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
<span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
⬆️
</span>
</button>
Componentes relacionados
Botón Volver al principio
Un componente de botón Volver al principio receptivo diseñado con un efecto de morfismo de vidrio, adecuado para sitios web comerciales profesionales. Presenta un diseño simple con elementos mínimos y funciona bien tanto en temas claros como oscuros.
Volver al principio Componente de botón
Un botón de regreso al principio receptivo con un diseño inspirado en el papel / impresión, que usa un esquema de color en blanco y negro con un acento sutil. Adecuado para plataformas educativas, incluye soporte para modo oscuro y un diseño limpio y accesible.
Volver al principio Componente de botón
Un botón de regreso al principio receptivo diseñado con microinteracciones y colores vibrantes, adecuado para una interfaz de tablero con soporte de modo oscuro.