カートに入れるボタン

ブルータリズムにインスパイアされた「カートに入れる」ボタンは、鮮やかな色とダークモードに対応しています。

プレビュー

HTMLコード

<button class="bg-red-600 dark:bg-purple-600 text-white dark:text-black font-bold py-2 px-4 rounded border-4 border-black dark:border-white hover:bg-red-700 dark:hover:bg-purple-700 focus:outline-none focus:ring-2 focus:ring-black dark:focus:ring-white transition duration-300 ease-in-out">
  Add to Cart
</button>

関連コンポーネント

ブルータリズムカートに入れるボタン

シンプルなブルータリズムスタイルの「カートに追加」ボタンコンポーネントで、高コントラスト、補色、ソーシャルメディアの目的を備えています。ダークモードのサポートにより完全にレスポンシブ。

開ける

Glassmorphism カートボタンに追加

Glassmorphismスタイル、単色の配色、適度な複雑さのカートボタンに追加。ダークモードのサポートによるレスポンシブ。

開ける

カートに入れるボタンコンポーネント

Tailwind CSSを使用してダークモードで設計されたレスポンシブな「カートに追加」ボタン、ホバー効果、ダークテーマのサポート。

開ける