Стеклянный морфизм кнопка Добавить в корзину
Добавить в корзину Кнопка со стилем Стекломорфизм, Монохроматическая цветовая гамма и Умеренная сложность. Отзывчивый с поддержкой темного режима.
HTML-код
<button class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg border border-gray-200 border-opacity-10 text-gray-800 px-6 py-3 rounded-md font-semibold transition duration-300 ease-in-out hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 dark:bg-gray-800 dark:bg-opacity-30 dark:border-gray-700 dark:border-opacity-20 dark:text-white dark:hover:bg-opacity-40 dark:focus:ring-gray-700 dark:focus:ring-opacity-50"> Add to Cart </button>Связанные компоненты
Добавить в корзину компонент кнопки
Сложный компонент кнопки «Добавить в корзину» для приложений в здравоохранении/медицине, вдохновленный швейцарской/международной типографикой и земляными тонами. Он отличается чистым, минималистичным дизайном с акцентом на типографику и системы сетки, предлагая полную отзывчивость и поддержку темных режимов.
Добавить в корзину компонент кнопки
Отзывчивый компонент кнопки «Добавить в корзину», стилизованный под принципы Material Design, с триадической цветовой гаммой и поддержкой темного режима. Разработанный для использования на панели управления, он включает в себя селектор количества и интегрирует эффекты глубины с помощью Tailwind CSS для теней и анимации.
Добавить в корзину компонент кнопки
Компонент кнопки «Добавить в корзину» в 3D-стиле, разработанный для интерфейсов социальных сетей. Он отличается богатым интерфейсом с глубиной, привлекательными элементами дизайна и адаптивностью с поддержкой темных тем.