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.
Código HTML
<div class="fixed bottom-4 right-4">
<a href="#" class="bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 p-3 rounded-full shadow-md hover:bg-gray-400 dark:hover:bg-gray-600 transition-colors duration-300 ease-in-out flex items-center justify-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 10l7-7m0 0l7 7m-7-7v18" />
</svg>
</a>
</div>
Componentes relacionados
Volver al principio Componente de botón
Un botón receptivo 'Volver al principio' con un diseño artístico de acuarela, combinación de colores otoñales y compatibilidad con el modo oscuro, adecuado para sitios de blogs / contenido.
Volver al principio Componente de botón
Un componente de botón 'Volver al principio' receptivo diseñado para el comercio electrónico, con una combinación de colores vibrantes sobre un fondo oscuro. Incluye un sutil efecto de desplazamiento y garantiza la visibilidad en todos los tamaños de pantalla con soporte para el modo oscuro.
Art Deco Volver al botón principal
Un complejo componente de botón "Back to Top" inspirado en el Art Decó con patrones geométricos y lujosos tonos Ocean/Blue, diseñado para sitios web sin fines de lucro/caridad. Incluye diseño responsivo y soporte para modo oscuro.