CCHub Logo CCHub Tailwind Collection
구성 요소 바닥글 Glassmorphism 단색 바닥글

Glassmorphism 단색 바닥글

블로그를 위한 간단한 단색 glassmorphism 바닥글 구성 요소로, 반응형 디자인과 다크 모드를 지원합니다.

미리 보기

HTML 코드 


<footer class="backdrop-blur-md bg-white/30 dark:bg-gray-800/30 text-gray-800 dark:text-gray-200 p-6">
  <div class="container mx-auto flex flex-col items-center justify-between md:flex-row">
    <div class="mb-4 md:mb-0 text-center md:text-left">
      <p>&copy; 2023 Blog Name. All rights reserved.</p>
    </div>
    <div class="flex space-x-4">
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Privacy Policy</a>
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Terms of Service</a>
      <a href="#" class="hover:text-gray-600 dark:hover:text-gray-400 transition-colors duration-200">Contact</a>
    </div>
  </div>
</footer>

관련 구성 요소

Glassmorphism_Footer_Component

예약/예약 시스템용으로 설계된 반응형 glassmorphism 스타일의 바닥글 구성 요소로, 보색 구성표, 대화형 요소 및 완전한 다크 모드 지원을 특징으로 합니다.

열다

바닥글 구성 요소

보색, 적당한 복잡성 및 소셜 미디어 통합을 갖춘 미니멀한 바닥글 구성 요소입니다. 반응형 디자인과 다크 모드 지원이 특징입니다.

열다

Neumorphic Vibrant 바닥글

단순하고 반응이 빠른 바닥글 구성 요소는 뉴모픽 디자인 원칙과 생생한 색상으로 스타일링되었습니다. 미묘한 그림자가 있는 부드럽고 돌출된 외관을 특징으로 하는 동시에 고채도 악센트 색상을 유지합니다. 바닥글에는 사이트 탐색, 소셜 링크 및 전체 다크 모드를 지원하는 저작권 정보에 대한 기본 섹션이 포함되어 있습니다.

열다