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
Añadir al carrito Componente de botón
Un botón receptivo 'Agregar al carrito' con microinteracciones atractivas, tonos cálidos / atardeceres, adecuado para sitios web de alimentos / restaurantes, con una animación sutil al pasar el mouse / hacer clic y soporte para modo oscuro.
Botón Añadir a la cesta
Agregar al carrito Componente de botón con diseño minimalista / plano, combinación de colores en escala de grises, nivel de complejidad complejo, para fines de tablero, con diseño receptivo y soporte de tema oscuro.
Añadir al carrito Componente de botón
Un botón receptivo Agregar al carrito diseñado para el modo oscuro usando Tailwind CSS.