브루탈리즘 파스텔 장바구니에 담기 버튼
브루탈리즘에서 영감을 받은 장바구니에 담기 버튼은 파스텔 색조, 적당한 복잡성, 다크 모드를 지원하는 반응형 디자인을 갖추고 있습니다. 블로그 또는 콘텐츠 웹 사이트에 적합합니다.
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>관련 구성 요소
장바구니에 추가 버튼 구성 요소 - 멤피스 그레이스케일 날씨
Memphis 디자인에서 영감을 받아 회색조 색 구성표를 사용하는 복잡한 '장바구니에 담기' 버튼 구성 요소로, 날씨/기후 제품에 맞게 조정됩니다. 기능에는 동적 아이콘, 로딩 상태, 펄스 애니메이션 및 항목 수가 포함되며 모두 반응형이며 다크 모드를 지원합니다. 이 구성 요소는 날씨 데이터 구독 또는 기후 관련 제품에 대한 재미있으면서도 기능적인 클릭 유도문안으로 설계되었습니다.
Add to Cart Button 컴포넌트
Tailwind CSS를 사용하여 생생한 색상, 반응형 디자인 및 어두운 테마를 지원하는 3D 스타일의 장바구니에 추가 버튼 구성 요소입니다.