カートに入れるボタン
スキューモーフィックデザイン、モノクロカラースキーム、ダークテーマのサポートを備えたレスポンシブな「カートに追加」ボタン。
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>関連コンポーネント
カートに入れるボタンコンポーネント 46
Tailwind CSSでデザインされたレトロ/ビンテージの「カートに追加」ボタンコンポーネントで、レスポンシブデザインとダークテーマのサポートが特徴です。
カートに加える Glassmorphism アーストーンボタン
アースカラーを使用したglassmorphismスタイルでデザインされたシンプルな「カートに入れる」ボタンは、天気や気候をテーマにしたアプリケーションに適しています。完全にレスポンシブで、ダークモードをサポートしています。