ブルータリストハンバーガーメニュー
鮮やかな色とダークモードをサポートするブルータリストスタイルのハンバーガーメニューは、ブログやコンテンツサイト向けに設計されています。
HTMLコード
<div class="bg-yellow-400 dark:bg-purple-700 p-4 flex justify-between items-center">
<h1 class="text-2xl font-bold text-black dark:text-white">Brutal Blog</h1>
<button class="text-black dark:text-white focus:outline-none">
<svg class="h-6 w-6 fill-current" viewBox="0 0 24 24">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 5h16v2H4V5zm0 6h16v2H4v-2zm0 6h16v2H4v-2z"/>
</svg>
</button>
</div>関連コンポーネント
Glassmorphismハンバーガーメニュー
シンプルでレスポンシブなハンバーガーメニューコンポーネントで、Glassmorphismデザイン、補色スキーム、ダークモードのサポートを備えています。
Industrial_Agriculture_Hamburger_Menu
農業/農業のウェブサイト向けに設計された、温かみのある「夕日」の配色を備えた、複雑で産業をテーマにしたハンバーガーメニューコンポーネント。露出した要素、原材料の美学、複数のインタラクティブ要素を備えており、ダークモードのサポートにより完全にレスポンシブです。