Компонент кнопки «Следовать»
Компонент кнопки «Следовать», выполненный в стиле брутализм с высокой контрастностью и грубым, смелым внешним видом. Он отзывчив и поддерживает темные темы.
HTML-код
<div class="flex flex-col items-center justify-center p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg">
<img class="mb-4 rounded-full border-4 border-black dark:border-white" src="https://randomuser.me/api/portraits/men/1.jpg" alt="User Avatar" width="100" height="100">
<h2 class="text-2xl font-bold text-black dark:text-white mb-2">Follow Us</h2>
<p class="text-gray-700 dark:text-gray-300 text-center mb-4">Join our community and stay updated with our latest content!</p>
<a href="#" class="px-4 py-2 text-lg font-bold text-white bg-black dark:bg-white dark:text-black border-4 border-black dark:border-white hover:bg-gray-600 dark:hover:bg-gray-300 transition-all duration-300">Follow</a>
</div>Связанные компоненты
Компонент кнопки «Следовать»
Отзывчивый компонент Follow Button, разработанный в соответствии с принципами Material Design, с поддержкой темного режима и настраиваемыми стилями с использованием Tailwind CSS.
Кнопка «Подписаться» с микровзаимодействиями
Адаптивный компонент кнопки «Подписаться» с поддержкой темной темы и микровзаимодействиями, разработанный для приложений социальных сетей с использованием Tailwind CSS. Отличается монохроматической цветовой гаммой и сложными интерактивными элементами.
Компонент кнопки «Следовать»
Кнопка «Подписаться» в стиле «Подписаться» в стиле «Ньюморфизм» для панели управления с поддержкой темной темы.