Кнопка «Добавить в корзину»
Кнопка «Добавить в корзину», вдохновленная брутализмом, с яркими цветами и поддержкой темного режима.
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>Связанные компоненты
Кнопка «Добавить в корзину»
Адаптивная кнопка «Добавить в корзину», стилизованная в соответствии с принципами Material Design с использованием Tailwind CSS, с поддержкой темных тем.
Кнопка «Добавить в корзину»
Адаптивный компонент кнопки «Добавить в корзину», выполненный в скевоморфном стиле, с яркими цветами и поддержкой темных тем, подходит для интерфейсов социальных сетей.
Добавить в корзину компонент кнопки
Адаптивная кнопка «Добавить в корзину», предназначенная для темного режима с использованием Tailwind CSS.