Ретро кнопка «Добавить в корзину»
Отзывчивая кнопка «Добавить в корзину» с ретро/винтажным дизайном, дополнительной цветовой схемой и умеренной сложностью для приборной панели. Поддерживает темный режим.
HTML-код
<button class="add-to-cart-button bg-teal-500 text-white py-2 px-4 rounded-lg border-2 border-pink-600 font-bold uppercase text-lg tracking-wider shadow-lg transform transition duration-300 hover:scale-105 hover:bg-teal-600 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50 dark:bg-teal-700 dark:border-pink-400 dark:hover:bg-teal-800 dark:focus:ring-pink-400">
Add to Cart
</button>Связанные компоненты
Добавить в корзину компонент кнопки
Адаптивная кнопка «Добавить в корзину», предназначенная для темного режима с использованием Tailwind CSS.
Кнопка «Добавить в корзину»
Простая кнопка добавления в корзину в земляных тонах с эффектами наведения, вдохновленными микровзаимодействием, с адаптивным дизайном и поддержкой темного режима.
Organic_Nature_Add_To_Cart_Button
Органический/вдохновленный природой компонент кнопки «Добавить в корзину» с дополнительной цветовой схемой, подходящий для образовательных платформ. Плавные линии, тонкие интерактивные элементы, полная отзывчивость и поддержка темных режимов.