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>

관련 구성 요소

Neumorphic Vibrant 바닥글

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

열다

Glassmorphism 바닥글 구성 요소

흐림 효과가 있는 젖빛 유리와 같은 반투명 요소를 특징으로 하는 glassmorphism 스타일의 반응형 바닥글 구성 요소이며 어두운 테마를 지원합니다.

열다

Industrial_Charity_Footer

비영리/자선 웹사이트를 위한 복잡하고 반응이 빠른 바닥글 구성 요소로, 레트로/빈티지 색상 팔레트와 함께 산업적이고 원시적인 미학을 특징으로 합니다. 내비게이션, 연락처 정보, 소셜 링크 및 뉴스레터 구독이 포함되며 완전한 다크 모드가 지원됩니다.

열다