Glassmorphism Añadir al carrito Botón
Agregar al carrito Botón con estilo de cristal, combinación de colores monocromática y complejidad moderada. Responsivo con soporte para el modo oscuro.
Código HTML
<button class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg border border-gray-200 border-opacity-10 text-gray-800 px-6 py-3 rounded-md font-semibold transition duration-300 ease-in-out hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 dark:bg-gray-800 dark:bg-opacity-30 dark:border-gray-700 dark:border-opacity-20 dark:text-white dark:hover:bg-opacity-40 dark:focus:ring-gray-700 dark:focus:ring-opacity-50"> Add to Cart </button>Componentes relacionados
Botón Añadir a la cesta
Un componente receptivo del botón Agregar al carrito diseñado en un estilo esqueuomórfico, con colores vibrantes y soporte para temas oscuros, adecuado para interfaces de redes sociales.
Añadir a la cesta Botón Componente 46
Un componente de botón 'Agregar al carrito' retro / vintage diseñado con Tailwind CSS, con diseño receptivo y soporte para temas oscuros.
Añadir al carrito Componente de botón
Agregar al carrito Botón diseñado para la interfaz de usuario del modo oscuro con tonos tierra, combinación de colores y nivel de complejidad complejo, para fines de cartera. El componente es responsivo y admite el tema oscuro utilizando el prefijo dark: de Tailwind.