Компоненты Кнопка «Подписаться» Компонент кнопки «Следовать»

Компонент кнопки «Следовать»

Кнопка «Подписаться» в стиле «Подписаться» в стиле «Ньюморфизм» для панели управления с поддержкой темной темы.

Предварительный просмотр

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>

Связанные компоненты

Кнопка «Подписаться»

Компонент кнопки Follow Button в темном режиме с отзывчивыми эффектами и поддержкой темной темы.

Открытый

Кнопка «Подписаться» в Material Design

Отзывчивый, монохроматический компонент кнопки подписки Material Design для блогов с поддержкой темного режима.

Открытый

Glassmorphism_Music_Follow_Button_Component

Сложный, монохроматический компонент кнопки следования за стекломорфизмом, разработанный для музыкальных и аудиоплатформ, включает в себя полупрозрачные элементы, похожие на матовое стекло, с эффектами размытия, полностью отзывчивыми и с поддержкой темного режима.

Открытый