Компонент кнопки «Следовать»
Кнопка «Подписаться» в стиле «Подписаться» в стиле «Ньюморфизм» для панели управления с поддержкой темной темы.
HTML-код
<div class="flex justify-center items-center h-screen bg-gray-800 dark:bg-gray-900">
<button class="relative inline-flex items-center justify-center p-4 bg-gray-200 dark:bg-gray-700 rounded-full shadow-lg transition-transform transform hover:scale-105 active:scale-95 dark:shadow-inner shadow-gray-300 ">
<span class="absolute inset-0 rounded-full bg-gradient-to-r from-pink-400 via-red-500 to-yellow-500 opacity-20 blur transition-all duration-500"></span>
<span class="relative text-white font-bold text-lg">
Follow
</span>
</button>
</div>Связанные компоненты
Компонент кнопки «Следовать»
Сложный, отзывчивый компонент кнопки «Подписаться» с градиентом и приглушенными цветовыми переходами, разработанный для платформ недвижимости. Включает поддержку темного режима и использует семантический HTML.
Компонент кнопки «Нейморфное следование»
Сложный, выполненный в неморфном стиле компонент кнопки «Следовать» в теплых тонах, разработанный для платформ недвижимости. Он отличается адаптивным дизайном и поддержкой темного режима, благодаря чему элементы кажутся вытянутыми из фона с помощью тонких теней.
Компонент кнопки «Следовать»
Сложный, отзывчивый компонент кнопки «Подписаться» со стилем glassmorphism и яркими цветами, разработанный для бизнес-сайтов с поддержкой темного режима с использованием Tailwind CSS.