ブルータリストトップに戻るボタン
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>関連コンポーネント
トップに戻るボタンコンポーネント
メンフィスデザインに触発された、紫/紫の配色でメンフィスデザインに触発された、ドキュメント/ウィキサイト用のレスポンシブな「トップに戻る」ボタンコンポーネント。ダークモードのサポートと、複雑でインタラクティブな外観が含まれています。
トップに戻るボタン
ミニマリストのフラットデザイン eコマースWebサイト用のトップに戻るボタンコンポーネントで、グレースケールの配色とダークテーマをサポートするレスポンシブデザインを利用しています。
トップに戻るボタンコンポーネント
マテリアルデザインの原則に従うレスポンシブな「Back to Top」ボタンで、スタイリングとレスポンシブエフェクトのためのTailwind CSSによるダークモードをサポートします。