Componente Botones de morfismo de vidrio
Un componente de botón de Glassmorphism simple y receptivo con colores pastel y soporte de modo oscuro usando Tailwind CSS.
Código HTML
<div class="flex items-center justify-center h-screen bg-gray-200 dark:bg-gray-800">
<div class="flex space-x-4">
<button class="px-6 py-3 text-lg font-semibold text-white bg-pink-300 rounded-lg shadow-lg backdrop-filter backdrop-blur-lg bg-opacity-20 hover:bg-opacity-40 transition duration-200 ease-in-out dark:bg-pink-500 dark:bg-opacity-30 dark:hover:bg-opacity-50">
Button 1
</button>
<button class="px-6 py-3 text-lg font-semibold text-white bg-blue-300 rounded-lg shadow-lg backdrop-filter backdrop-blur-lg bg-opacity-20 hover:bg-opacity-40 transition duration-200 ease-in-out dark:bg-blue-500 dark:bg-opacity-30 dark:hover:bg-opacity-50">
Button 2
</button>
</div>
</div>Componentes relacionados
Componente Botones
Una colección de botones de diseño minimalista y plano para diversas acciones, utilizando una combinación de colores complementaria. Totalmente receptivo con soporte para modo oscuro.
Componente Botones
Un componente de botones minimalista diseñado con Tailwind CSS, con efectos responsivos y compatibilidad con temas oscuros.
Componente de botones inmobiliarios Art Deco
Un complejo componente de botón inspirado en el Art Deco para plataformas inmobiliarias, con patrones geométricos, lujoso estilo en escala de grises y múltiples elementos interactivos, con capacidad de respuesta total y compatibilidad con el modo oscuro.