브루탈리즘 파스텔 장바구니에 담기 버튼
브루탈리즘에서 영감을 받은 장바구니에 담기 버튼은 파스텔 색조, 적당한 복잡성, 다크 모드를 지원하는 반응형 디자인을 갖추고 있습니다. 블로그 또는 콘텐츠 웹 사이트에 적합합니다.
HTML 코드
<button class="bg-pink-300 dark:bg-purple-700 text-gray-900 dark:text-gray-100 font-bold py-3 px-6 rounded-none border-4 border-black dark:border-white hover:bg-yellow-300 dark:hover:bg-yellow-600 hover:text-black dark:hover:text-white transition duration-300 ease-in-out shadow-lg dark:shadow-xl text-xl md:text-2xl">Add to Cart</button>관련 구성 요소
Add to Cart Button 컴포넌트
장바구니에 추가 버튼: 어스 톤, 색상 구성표 및 복잡한 복잡성 수준이 있는 다크 모드 UI용으로 설계된 포트폴리오 목적입니다. 이 구성 요소는 반응형이며 Tailwind의 dark: 접두사를 사용하여 어두운 테마를 지원합니다.
Add to Cart Button 컴포넌트
Tailwind CSS를 사용하여 어두운 모드에서 설계된 반응형 '장바구니에 추가' 버튼은 호버 효과 및 어두운 테마를 지원합니다.