брутализм пастельные тона кнопка «В корзину»
Кнопка «Добавить в корзину» в стиле брутализма с пастельной цветовой гаммой, умеренной сложностью и адаптивным дизайном с поддержкой темного режима. Подходит для блога или контентного сайта.
HTML-код
<button class="bg-pink-300 dark:bg-purple-700 text-gray-900 dark:text-gray-100 font-bold py-3 px-6 rounded-none border-4 border-black dark:border-white hover:bg-yellow-300 dark:hover:bg-yellow-600 hover:text-black dark:hover:text-white transition duration-300 ease-in-out shadow-lg dark:shadow-xl text-xl md:text-2xl">Add to Cart</button>Связанные компоненты
Кнопка «Добавить в корзину»
Адаптивный компонент кнопки «Добавить в корзину», выполненный в скевоморфном стиле, с яркими цветами и поддержкой темных тем, подходит для интерфейсов социальных сетей.
Luxury_Retro_Add_to_Cart_Button
Элегантный компонент кнопки «Добавить в корзину» (или «Запросить сейчас» для недвижимости) с ощущением роскоши/премиум-класса и цветовой палитрой ретро/винтаж. Разработан для платформ недвижимости, отличается адаптивным дизайном и поддержкой темного режима.
Добавить в корзину компонент кнопки
Отзывчивый компонент кнопки «Добавить в корзину», стилизованный под принципы Material Design, с триадической цветовой гаммой и поддержкой темного режима. Разработанный для использования на панели управления, он включает в себя селектор количества и интегрирует эффекты глубины с помощью Tailwind CSS для теней и анимации.