Botón Volver al principio
Un componente de botón Volver al principio de diseño plano minimalista para sitios web de comercio electrónico, que utiliza un esquema de color en escala de grises y un diseño receptivo con soporte para temas oscuros.
Código HTML
<div class="fixed bottom-5 right-5 z-50">
<button class="bg-gray-800 text-white rounded-full p-3 shadow-md hover:bg-gray-700 dark:bg-gray-300 dark:text-gray-800 dark:hover:bg-gray-400 transition-all duration-200">
<svg xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
</svg>
</button>
</div>Componentes relacionados
Botón Volver al principio - Diseño 3D
Un botón Volver al principio con un diseño 3D, efectos responsivos y soporte de temas oscuros usando Tailwind CSS. No se incluye JavaScript.
Botón Volver al principio
Un botón Volver al principio de Material Design que aparece cuando el usuario se desplaza hacia abajo en la página. Incluye soporte para modo oscuro y desplazamiento suave.
Volver al principio Componente de botón
Un componente de botón Back to Top minimalista y plano para tableros, con un esquema de color monocromático. Es moderadamente complejo con características interactivas, un diseño responsivo y soporte para temas oscuros, construido puramente con HTML y Tailwind CSS.