Glassmorphism 장바구니에 추가 버튼
Add to Cart Button with Glassmorphism 스타일, 단색 색 구성표 및 중간 정도의 복잡성. 다크 모드 지원으로 반응형.
HTML 코드
<button class="bg-white bg-opacity-10 backdrop-filter backdrop-blur-lg border border-gray-200 border-opacity-10 text-gray-800 px-6 py-3 rounded-md font-semibold transition duration-300 ease-in-out hover:bg-opacity-20 focus:outline-none focus:ring-2 focus:ring-white focus:ring-opacity-50 dark:bg-gray-800 dark:bg-opacity-30 dark:border-gray-700 dark:border-opacity-20 dark:text-white dark:hover:bg-opacity-40 dark:focus:ring-gray-700 dark:focus:ring-opacity-50"> Add to Cart </button>관련 구성 요소
Industrial_AddToCartButton
정부/공공 서비스 웹사이트를 위해 바다/파란색 톤으로 디자인된 인더스트리얼 스타일의 '장바구니에 담기' 버튼 구성 요소입니다. 노출된 요소, 실용적인 미학, 완전한 반응성 및 다크 모드 지원이 특징입니다.
브루탈리즘 파스텔 장바구니에 담기 버튼
브루탈리즘에서 영감을 받은 장바구니에 담기 버튼은 파스텔 색조, 적당한 복잡성, 다크 모드를 지원하는 반응형 디자인을 갖추고 있습니다. 블로그 또는 콘텐츠 웹 사이트에 적합합니다.