「カートに入れる」ボタン
マイクロインタラクションにインスパイアされたホバー効果を備えたシンプルなアースカラーのカートに追加ボタンは、レスポンシブデザインとダークモードのサポートを備えています。
HTMLコード
<button class="bg-brown-600 hover:bg-brown-700 text-white font-bold py-2 px-4 rounded-lg focus:outline-none focus:shadow-outline transition duration-300 ease-in-out transform hover:scale-105
dark:bg-brown-700 dark:hover:bg-brown-800">
<span class="text-sm">Add to Cart</span>
</button>関連コンポーネント
カートに入れるボタンコンポーネント
eコマースアプリケーション用のレトロ/ビンテージスタイルの「カートに追加」ボタンコンポーネント。このボタンは、80年代と90年代に触発されたノスタルジックなデザインで、類似の配色を使用し、インタラクティブ性のためのエフェクトを備えています。レスポンシブで、ダークテーマをサポートしています。
カートに入れるボタンコンポーネント
旅行/観光Webサイト用のレスポンシブな「カートに追加」ボタンコンポーネントで、温かみのある夕焼けの色調の紙/印刷デザインに触発されています。ダークモードのサポートと微妙なインタラクティブエフェクトが含まれています。
Industrial_AddToCartButton
政府/公共サービスWebサイト用のオーシャン/ブルートーンでデザインされたインダストリアルスタイルの「カートに追加」ボタンコンポーネント。露出した要素、実用的な美学、完全な応答性、およびダークモードのサポートを備えています。