Кнопка «Добавить в корзину»
Кнопка «Добавить в корзину», вдохновленная брутализмом, с яркими цветами и поддержкой темного режима.
HTML-код
<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
Add to Cart
</button>Связанные компоненты
Добавить в корзину компонент кнопки
Вдохновленный природой компонент кнопки «Добавить в корзину» в пастельных тонах, разработанный для здравоохранения и медицины, отличается плавными линиями и адаптивным дизайном с поддержкой темного режима.
Добавить в корзину компонент кнопки - Memphis Grayscale Weather
Сложный компонент кнопки «Добавить в корзину» с вдохновением от дизайна Memphis с использованием цветовой схемы в оттенках серого, адаптированный для погодно-климатического продукта. Функции включают в себя динамический значок, состояние загрузки, импульсную анимацию и количество элементов, все это адаптивно и с поддержкой темного режима. Этот компонент разработан как игривый, но функциональный призыв к действию для подписок на данные о погоде или продуктов, связанных с климатом.
Добавить в корзину компонент кнопки
Отзывчивый компонент кнопки «Добавить в корзину», стилизованный под принципы Material Design, с триадической цветовой гаммой и поддержкой темного режима. Разработанный для использования на панели управления, он включает в себя селектор количества и интегрирует эффекты глубины с помощью Tailwind CSS для теней и анимации.