Skeuomorphism Triadic Simple Portfolio Header コンポーネント
Skeuomorphism Triadic Simple Portfolio Header コンポーネント
HTMLコード
<header class="bg-gradient-to-b from-gray-200 to-gray-400 via-gray-300 dark:from-gray-800 dark:to-gray-900 dark:via-gray-700 p-6 shadow-xl">
<div class="container mx-auto flex justify-between items-center">
</div>
</header>関連コンポーネント
3Dヘッダーコンポーネント
グレースケールカラーの3Dスタイルを使用したソーシャルメディアインターフェイス用に設計された、複雑でインタラクティブなヘッダーコンポーネントです。ロゴ、検索バー、ユーザーアバター、アクションボタンが含まれ、レスポンシブ動作とダークモードがサポートされています。
ヘッダーコンポーネント
モノクロのスタイル設定とダークモードのサポートを備えたブログまたはコンテンツサイト用のシンプルでレスポンシブなヘッダーコンポーネントで、ナビゲーションリンクにカーソルを合わせたときの微妙なマイクロインタラクションに焦点を当てています。
サイバーパンクヘッダーコンポーネント
サイバーパンクをテーマにした未来的なヘッダーコンポーネントで、ドキュメントやWikiサイト用です。鮮やかなネオンのアクセント(エレクトリックブルー、ホットピンク、ライムグリーン)、レスポンシブナビゲーション、ダークモードのサポートを備えた暗い背景が特徴です。