ブルータリズムトップに戻る

グレースケールの色と Tailwind CSS を使用したブルータリズムの Back to Top ボタンコンポーネント。応答性が高く、ダークモードをサポートしています。

プレビュー

HTMLコード

<button class="fixed bottom-4 right-4 bg-black text-white border-2 border-black group dark:bg-white dark:text-black dark:border-white">
  <span class="block px-6 py-3 text-xl font-bold group-hover:-translate-x-2 group-hover:-translate-y-2 transition-all">
    ⬆️
  </span>
</button>

関連コンポーネント

トップに戻るボタンコンポーネント

紙や印刷物にインスパイアされたデザイン、トライアドの配色、複雑な視覚要素を備えたレスポンシブな「Back to Top」ボタンコンポーネントで、eコマースサイトに適しています。ダークモードのサポートが含まれています。

開ける

トップに戻るボタン - ブルータリズム

ポートフォリオ用のブルータリズムの「Back to Top」ボタンコンポーネントで、トライアドの配色とシンプルなデザインが特徴です。レスポンシブで、Tailwind CSSを使用したダークモードをサポートしています。

開ける

トップに戻るボタン

マイクロインタラクション、アースカラーの配色、ビジネス/企業Webサイト向けのシンプルなレイアウトを備えたBack to Topボタンコンポーネント。Tailwind CSSを使用したダークモードサポートのレスポンシブデザイン

開ける