Card by Javierrocadev
#212121
HTML +TailwindCSS
1<div class="w-60 h-80 bg-gray-800 p-3 flex flex-col gap-1 rounded-br-3xl"> 2 <div class="duration-500 contrast-50 h-48 bg-gradient-to-bl from-black via-orange-900 to-indigo-600 hover:contrast-100"></div> 3 <div class="flex flex-col gap-4"> 4 <div class="flex flex-row justify-between"> 5 <div class="flex flex-col"> 6 <span class="text-xl text-gray-50 font-bold">Long Chair</span> 7 <p class="text-xs text-gray-400">ID: 23432252</p> 8 </div> 9 <span class="font-bold text-red-600">$25.99</span> 10 </div> 11 <button class="hover:bg-sky-700 text-gray-50 bg-sky-800 py-2 rounded-br-xl">Add to cart</button> 12 </div> 13</div>
621 views
Variation of acard
MIT License