Компоненты Кнопка «Добавить в корзину» Кнопка «Добавить в корзину»

Кнопка «Добавить в корзину»

Простая кнопка добавления в корзину в земляных тонах с эффектами наведения, вдохновленными микровзаимодействием, с адаптивным дизайном и поддержкой темного режима.

Предварительный просмотр

HTML-код

<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>

Связанные компоненты

В корзину Glassmorphism Earth Tones кнопка

Простая кнопка «Добавить в корзину», разработанная в стиле стекломорфизма, с использованием земляных тонов, подходит для приложения на тему погоды и климата. Он полностью отзывчив и поддерживает темный режим.

Открытый

Кнопка «Добавить в корзину»

Адаптивный компонент кнопки «Добавить в корзину», разработанный со скевоморфными элементами, яркими цветами и поддержкой темных тем, подходит для блогов и потребления контента.

Открытый

Добавить в корзину компонент кнопки

Отзывчивый компонент кнопки «Добавить в корзину» с триадическими цветами, фокусом микровзаимодействия и поддержкой темного режима для приложений электронной коммерции.

Открытый