맨 위로 이동 버튼
전자 상거래 웹 사이트를위한 Glassmorphism 디자인과 단색 색 구성표가있는 간단한 Back to Top 버튼.
HTML 코드
<div class="fixed bottom-10 right-10">
<a href="#top" class="flex items-center justify-center w-12 h-12 rounded-full bg-white bg-opacity-30 backdrop-blur-md shadow-lg hover:bg-opacity-50 transition duration-300 dark:bg-gray-800 dark:bg-opacity-50 dark:hover:bg-opacity-70">
<img src="https://picsum.photos/32" alt="Back to Top" class="w-8 h-8" />
</a>
</div>관련 구성 요소
맨 위로 이동 버튼 구성 요소
종이/인쇄에서 영감을 받은 디자인의 반응형 백 투 탑 버튼으로, 미묘한 악센트가 있는 흑백 색 구성표를 사용합니다. 교육 플랫폼에 적합하며 다크 모드 지원과 깔끔하고 액세스 가능한 레이아웃이 포함되어 있습니다.
맨 위로 이동 버튼 구성 요소
전자 상거래 사이트를 위한 반응형 'Back to Top' 버튼 구성 요소로, 밝은 액센트 색상의 흑백 모노크롬 디자인과 호버링 시 매력적인 마이크로 인터랙션을 특징으로 합니다. 다크 모드 지원이 포함됩니다.