구성 요소 팔로우 버튼 Follow Button 구성 요소

Follow Button 구성 요소

어두운 테마를 지원하는 대시보드를 위한 Neumorphism 스타일의 Follow Button.

미리 보기

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>

관련 구성 요소

Glassmorphism 팔로우 버튼

Tailwind CSS를 사용하는 Glassmorphism 디자인, 다크 모드 지원의 반응형 팔로우 버튼.

열다

Glassmorphism 팔로우 버튼

어두운 테마의 소셜 미디어를 위한 Glassmorphism Follow Button 구성 요소

열다

3D-Vibrant-팔로우 버튼

비즈니스 웹 사이트를 위한 생생한 색상의 간단한 3D에서 영감을 받은 팔로우 버튼 구성 요소입니다. 반응형이며 HTML 및 Tailwind CSS만 사용하는 어두운 테마 지원을 포함합니다.

열다