ブルータリストトップに戻るボタン
Tailwind CSSのブルータリズムバックツートップボタンで、高コントラスト、大胆なタイポグラフィ、シャープなエッジが特徴です。レスポンシブ サイジングとダーク モードのサポートが含まれています。
HTMLコード
<button class="fixed bottom-5 right-5 bg-black text-lime-400 border-4 border-lime-400 p-4 text-xl font-bold uppercase transition-all duration-300 hover:bg-lime-400 hover:text-black dark:bg-lime-400 dark:text-black dark:border-black dark:hover:bg-black dark:hover:text-lime-400">
TOP
</button>関連コンポーネント
トップに戻るボタン
マイクロインタラクション、アースカラーの配色、ビジネス/企業Webサイト向けのシンプルなレイアウトを備えたBack to Topボタンコンポーネント。Tailwind CSSを使用したダークモードサポートのレスポンシブデザイン
トップに戻るボタンコンポーネント
マイクロインタラクションに焦点を当てたアニメーション、トライアドカラースキーム、ダークテーマのサポートを備えたレスポンシブな「Back to Top」ボタンは、ポートフォリオに適しています。
トップに戻るボタンコンポーネント
Tailwind CSS を使用したブルータリズム スタイルの Back to Top Button コンポーネント。このコンポーネントは、大胆でコントラストの高いデザインで、レスポンシブ効果とダークテーマをサポートしています。