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