Card by anthondevg
#212121
HTML +TailwindCSS
1<div class="card h-72 relative border-2 border-blue-600 bg-gradient-to-b from-blue-600 from-[12%] via-[12%] via-white to-70% to-white shadow-lg shadow-lg rounded-xl w-72 flex justify-center items-center text-white"> 2 <span class="rounded-md bg-red-500 px-2 py-[.6em] absolute top-[2px] right-0 border border-white text-[.6em] mr-1 bg-gradient-to-b from-red-800 via-red-500 to-red-800 font-bold"> ╳ </span> 3 <span class="rounded-md bg-red-500 px-2 py-[.6em] absolute top-[2px] right-7 border border-white text-[.6em] mr-2 bg-gradient-to-b from-blue-800 via-blue-500 to-blue-800"> ▣ </span> 4 <span class="rounded-md bg-red-500 px-2 py-[.6em] absolute top-[2px] right-14 border border-white text-[.6em] mr-3 bg-gradient-to-b from-blue-800 via-blue-500 to-blue-800"> — </span> 5 <p class="text-black"> 6 WINDOWS XP TIMES</p> 7</div>
418 views
418 views
MIT License