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.
Volver al principio Componente de botón
Un componente de botón Volver al principio de estilo brutalista que usa Tailwind CSS. Este componente tiene un diseño audaz y de alto contraste y admite efectos responsivos y tema oscuro.
Botón Volver al principio
Botón Volver arriba para comercio electrónico, con un vibrante diseño de modo oscuro.