Кнопка «Добавить в корзину»
Отзывчивая кнопка "Добавить в корзину" со скевоморфным дизайном, монохроматической цветовой схемой и поддержкой темной темы.
HTML-код
<button class="bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 font-bold py-2 px-4 rounded-full shadow-lg dark:shadow-xl hover:bg-gray-400 dark:hover:bg-gray-600 transform transition duration-300 ease-in-out hover:scale-105">
Add to Cart
</button>Связанные компоненты
Добавить в корзину компонент кнопки
Вдохновленный природой компонент кнопки «Добавить в корзину», разработанный для платформы форума/сообщества, отличается плавным, органичным стилем. Он отзывчив и поддерживает темный режим.
Добавить в корзину компонент кнопки
Вдохновленный природой компонент кнопки «Добавить в корзину» в пастельных тонах, разработанный для здравоохранения и медицины, отличается плавными линиями и адаптивным дизайном с поддержкой темного режима.
Добавить в корзину компонент кнопки
Адаптивная кнопка «Добавить в корзину», предназначенная для темного режима с использованием Tailwind CSS.