Volver arriba Botón - Material Design Pastel
Un componente de botón "Volver al principio" responsivo que sigue los principios de Material Design con una combinación de colores pastel, adaptado para un sitio web de portafolio. Incluye diseño responsivo y soporte para el modo oscuro usando Tailwind CSS.
Código HTML
<button class="fixed bottom-5 right-5 bg-pink-300 text-white p-3 rounded-full shadow-lg transition-opacity hover:opacity-75 focus:outline-none dark:bg-pink-700 dark:text-gray-200">
<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>
</button>Componentes relacionados
Brutalismo Volver al botón de inicio
Volver al principio Componente de botón con estilo Brutalismo, combinación de colores triádica y complejidad compleja. Diseño responsivo con soporte para temas oscuros. Sin JavaScript.
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.
Volver arriba Botón Minimalista Vibrante
Un componente de botón Volver al principio mínimo y plano con colores vibrantes, adecuado para un sitio web de portafolio. Incluye diseño responsivo y soporte para el modo oscuro usando Tailwind CSS.