Glassmorphism Ajouter au panier Bouton
Ajouter au panier Bouton avec le style Glassmorphism, la palette de couleurs monochromatique et la complexité modérée. Réactif avec prise en charge du mode sombre.
HTML Code
<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>Composants associés
Rétro Ajouter au panier Bouton
Bouton « Ajouter au panier » réactif avec un design rétro/vintage, une palette de couleurs complémentaire et une complexité modérée pour un tableau de bord. Prend en charge le mode sombre.
Ajouter au panier Composant du bouton
Un composant de bouton réactif « Ajouter au panier » conçu selon les principes de Material Design, avec une palette de couleurs triadique et prenant en charge le mode sombre. Conçu pour une utilisation sur le tableau de bord, il comprend un sélecteur de quantité et intègre des effets de profondeur à l’aide de Tailwind CSS pour les ombres et les animations.
Skeuomorphic Ajouter au panier Bouton
Bouton skeuomorphic Ajouter au panier avec des couleurs vives pour un site Web de portfolio, avec un design complexe avec des éléments interactifs et une prise en charge réactive du mode sombre à l’aide de Tailwind CSS.