レトロなカートに入れるボタン
レトロ/ビンテージデザイン、補色配色、ダッシュボードの適度な複雑さを備えたレスポンシブな「カートに追加」ボタン。ダークモードをサポートします。
HTMLコード
<button class="add-to-cart-button bg-teal-500 text-white py-2 px-4 rounded-lg border-2 border-pink-600 font-bold uppercase text-lg tracking-wider shadow-lg transform transition duration-300 hover:scale-105 hover:bg-teal-600 focus:outline-none focus:ring-2 focus:ring-pink-600 focus:ring-opacity-50 dark:bg-teal-700 dark:border-pink-400 dark:hover:bg-teal-800 dark:focus:ring-pink-400">
Add to Cart
</button>関連コンポーネント
カートに入れるボタン
スキューモーフィック要素、鮮やかな色、ダークテーマのサポートで設計されたレスポンシブな [カートに追加] ボタン コンポーネントで、ブログやコンテンツの消費目的に適しています。
カートに加える Glassmorphism アーストーンボタン
アースカラーを使用したglassmorphismスタイルでデザインされたシンプルな「カートに入れる」ボタンは、天気や気候をテーマにしたアプリケーションに適しています。完全にレスポンシブで、ダークモードをサポートしています。
カートに入れるボタンコンポーネント
自然にインスパイアされた、キャンディーカラーの「カートに追加」ボタンコンポーネントは、フォーラム/コミュニティプラットフォーム向けに設計されており、流れるような有機的なスタイルが特徴です。応答性が高く、ダークモードをサポートしています。