Кнопка «Добавить в корзину»
Простая кнопка добавления в корзину в земляных тонах с эффектами наведения, вдохновленными микровзаимодействием, с адаптивным дизайном и поддержкой темного режима.
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>Связанные компоненты
Добавить в корзину компонент кнопки
Сложный, скевоморфный компонент кнопки «В корзину», разработанный для игровых интерфейсов, отличающийся аналогичной цветовой гаммой и полной отзывчивостью с поддержкой темного режима.
Брутализм кнопка «Добавить в корзину»
Простой компонент кнопки «Добавить в корзину» в бруталистском стиле с высокой контрастностью, дополнительными цветами и назначением для социальных сетей. Полностью адаптивный с поддержкой темного режима.
Ретро кнопка «Добавить в корзину»
Отзывчивая кнопка «Добавить в корзину» с ретро/винтажным дизайном, дополнительной цветовой схемой и умеренной сложностью для приборной панели. Поддерживает темный режим.