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>

関連コンポーネント

Skeuomorphic フッター コンポーネント

スキューモーフィックデザイン、類似の配色(緑、青緑)、およびビジネスWebサイトに適した適度な複雑さを備えたレスポンシブフッターコンポーネント。リンク、ロゴプレースホルダー、シャドウとグラデーションで実現される微妙なスキューモーフィック効果が含まれています。ライトモードとダークモードをサポートします。

開ける

フッターコンポーネント

3D デザイン要素とアース トーンを備えたシンプルでレスポンシブなフッター コンポーネントで、ダーク テーマをサポートするブログやコンテンツ サイト向けに設計されています。

開ける

フッターコンポーネント

トライアドカラースキームと適度な複雑さを持つスキューモーフィックスタイルでデザインされたフッターコンポーネントで、ブログ/コンテンツレイアウトに適しています。

開ける