「カートに入れる」ボタン
マイクロインタラクションにインスパイアされたホバー効果を備えたシンプルなアースカラーのカートに追加ボタンは、レスポンシブデザインとダークモードのサポートを備えています。
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>関連コンポーネント
Organic_Nature_Add_To_Cart_Button
オーガニック/自然にインスパイアされた「カートに追加」ボタンコンポーネントで、補色スキームで、教育プラットフォームに適しています。流れるようなライン、微妙なインタラクティブ要素、完全な応答性、ダークモードのサポートが特徴です。