장바구니에 추가 버튼
마이크로 인터랙션에서 영감을 받은 호버 효과가 있는 심플한 흙색 장바구니에 담기 버튼은 반응형 디자인과 다크 모드 지원을 특징으로 합니다.
HTML 코드
<button class="bg-brown-600 hover:bg-brown-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline transition duration-300 ease-in-out transform hover:scale-105
dark:bg-brown-700 dark:hover:bg-brown-800">
<span class="text-sm">Add to Cart</span>
</button>관련 구성 요소
스큐어모픽 장바구니에 담기 버튼
포트폴리오 웹 사이트를 위한 생생한 색상의 스큐어모픽 장바구니에 추가 버튼으로, 인터랙티브 요소가 있는 복잡한 디자인과 Tailwind CSS를 사용한 반응형 다크 모드 지원이 특징입니다.
Add to Cart Button 컴포넌트
반응형 '장바구니에 담기' 버튼 구성 요소로, 트라이어딕 색상, 마이크로 인터랙션 포커스, 전자 상거래 애플리케이션을 위한 다크 모드 지원이 있습니다.
장바구니에 추가 Glassmorphism Earth Tones 버튼
날씨/기후 테마 응용 프로그램에 적합한 흙색을 사용하여 glassmorphism 스타일로 설계된 간단한 '장바구니에 추가' 버튼입니다. 완벽하게 반응하며 다크 모드를 지원합니다.