カートに入れるボタン
スキューモーフィックデザイン、モノクロカラースキーム、ダークテーマのサポートを備えたレスポンシブな「カートに追加」ボタン。
HTMLコード
<button class="bg-gray-300 dark:bg-gray-700 text-gray-800 dark:text-gray-200 font-bold py-2 px-4 rounded-full shadow-lg dark:shadow-xl hover:bg-gray-400 dark:hover:bg-gray-600 transform transition duration-300 ease-in-out hover:scale-105">
Add to Cart
</button>関連コンポーネント
カートに入れるボタンコンポーネント
鮮やかな色のブルータリストスタイルでデザインされたレスポンシブなAdd to Cart Buttonコンポーネントは、ダークテーマをサポートするソーシャルメディアインターフェイスに適しています。
カートに入れるボタンコンポーネント
3 つの要素、マイクロインタラクション フォーカス、e コマース アプリケーション向けのダーク モードのサポートを備えたレスポンシブな [カートに追加] ボタン コンポーネント。
カートに入れるボタンコンポーネント
ブルータリズムにインスパイアされた Tailwind CSS の [カートに追加] ボタン コンポーネントで、ハイ コントラスト、珍しいレイアウト、レスポンシブ エフェクト、ダーク テーマのサポートが特徴です。