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>관련 구성 요소
Add to Cart Button 컴포넌트
전자 상거래 애플리케이션을 위한 레트로/빈티지 스타일의 '장바구니에 추가' 버튼 구성 요소입니다. 이 버튼은 80년대와 90년대에서 영감을 받은 향수를 불러일으키는 디자인을 가지고 있으며, 유사한 색 구성표를 사용하고 상호 작용 효과를 제공합니다. 반응형이며 어두운 테마를 지원합니다.
Add to Cart Button 컴포넌트
생생한 색상의 브루탈리즘 스타일로 디자인된 반응형 장바구니에 담기 버튼 구성 요소로, 어두운 테마를 지원하는 소셜 미디어 인터페이스에 적합합니다.
Add to Cart Button 컴포넌트
소셜 미디어 인터페이스용으로 설계된 3D 스타일의 '장바구니에 추가' 버튼 구성 요소입니다. 깊이가 있는 풍부한 인터페이스, 매력적인 디자인 요소가 특징이며 어두운 테마 지원으로 반응합니다.