브루탈리스트 맨 위로
회색조와 Tailwind CSS를 사용하는 브루탈리즘 Back to Top 버튼 컴포넌트입니다. 반응이 빠르며 다크 모드를 지원합니다.
HTML 코드
<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
<span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
⬆️
</span>
</button>관련 구성 요소
맨 위로 이동 버튼 구성 요소
CRM/비즈니스 도구용 '맨 위로' 버튼은 고대비 색상의 바우하우스 스타일로 디자인되었으며, 다크 모드 지원을 포함하여 모든 화면 크기에 대한 기하학적 형태와 응답성을 특징으로 합니다.
맨 위로 이동 버튼 구성 요소
포트폴리오 웹 사이트에 적합한 Tailwind CSS를 사용하여 브루탈리즘 스타일로 디자인된 간단한 맨 위로 돌아가기 버튼입니다. 회색조 색 구성표와 어두운 테마 지원이 특징입니다.