ブルータリズムパステルカートボタンに追加
パステルカラーの配色、適度な複雑さ、ダークモードをサポートするレスポンシブデザインのブルータリズムにインスパイアされた[カートに入れる]ボタン。ブログやコンテンツWebサイトに適しています。
HTMLコード
<button class="bg-pink-300 dark:bg-purple-700 text-gray-900 dark:text-gray-100 font-bold py-3 px-6 rounded-none border-4 border-black dark:border-white hover:bg-yellow-300 dark:hover:bg-yellow-600 hover:text-black dark:hover:text-white transition duration-300 ease-in-out shadow-lg dark:shadow-xl text-xl md:text-2xl">Add to Cart</button>関連コンポーネント
カートに入れるボタンコンポーネント
マテリアルデザインの原則でスタイル化されたレスポンシブな「カートに入れる」ボタンコンポーネントで、トライアドカラースキームとダークモードをサポートしています。ダッシュボード用に設計されており、数量セレクターが含まれており、シャドウとアニメーションにTailwind CSSを使用して深度効果を統合します。