Bouton Ajouter au panier

Un bouton d’ajout au panier simple et aux tons terreux avec des effets de survol inspirés de la micro-interaction, avec un design réactif et une prise en charge du mode sombre.

Aperçu

HTML Code

<button class="bg-brown-600 hover:bg-brown-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline transition duration-300 ease-in-out transform hover:scale-105
                       dark:bg-brown-700 dark:hover:bg-brown-800">
  <span class="text-sm">Add to Cart</span>
</button>

Composants associés

Ajouter au panier Bouton

Un composant de bouton skeuomorphique 'Ajouter au panier' conçu avec Tailwind CSS, avec des effets réactifs et la prise en charge des thèmes sombres.

Ouvrir

Brutalism Pastel Ajouter au panier Bouton

Bouton Ajouter au panier inspiré du brutalisme avec une palette de couleurs pastel, une complexité modérée et un design réactif avec prise en charge du mode sombre. Convient pour un blog ou un site Web de contenu.

Ouvrir

Ajouter au panier Composant du bouton

Un composant de bouton « Ajouter au panier » de style rétro/vintage pour les applications de commerce électronique. Ce bouton a un design nostalgique inspiré des années 80 et 90, utilisant une palette de couleurs analogue et comportant des effets d’interactivité. Il est réactif et prend en charge les thèmes sombres.

Ouvrir