Schaltfläche "In den Warenkorb"
Ein einfacher, erdfarbener "In den Warenkorb"-Button mit von Mikrointeraktion inspirierten Hover-Effekten, responsivem Design und Unterstützung für den Dunkelmodus.
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>
Verwandte Komponenten
In den Warenkorb Button
Eine Skeuomorphe "In den Warenkorb"-Button-Komponente, die mit Tailwind CSS entworfen wurde und reaktionsschnelle Effekte und Unterstützung für dunkle Designs bietet.
Luxury_Retro_Add_to_Cart_Button
Eine elegante Schaltflächenkomponente "In den Warenkorb" (oder "Jetzt anfragen" für Immobilien) mit einem Luxus-/Premium-Gefühl und einer Retro-/Vintage-Farbpalette. Entwickelt für Immobilienplattformen, mit responsivem Design und Unterstützung für den Dunkelmodus.
Komponente der Schaltfläche "In den Warenkorb"
Eine "In den Warenkorb"-Button-Komponente im Retro-/Vintage-Stil für E-Commerce-Anwendungen. Dieser Button hat ein nostalgisches Design, das von den 80er und 90er Jahren inspiriert ist, mit einem analogen Farbschema und Effekten für Interaktivität. Es ist reaktionsschnell und unterstützt dunkle Themen.