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 botón responsivo Agregar al carrito diseñado con los principios de Material Design usando Tailwind CSS, compatible con temas de modo oscuro.
Añadir al carrito Componente de botón
Un complejo componente de botón "añadir al carrito" para aplicaciones sanitarias/médicas, inspirado en la tipografía suiza/internacional y en los tonos tierra. Cuenta con un diseño limpio y minimalista con un enfoque en la tipografía y los sistemas de cuadrícula, ofreciendo una capacidad de respuesta total y compatibilidad con el modo oscuro.
Retro Añadir al carrito Botón
Botón responsivo 'Agregar al carrito' con diseño retro / vintage, combinación de colores complementaria y complejidad moderada para un propósito de tablero. Soporta el modo oscuro.