Skip to content

Instantly share code, notes, and snippets.

@LublubXT

LublubXT/card1.html

Created March 20, 2023 16:04
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save LublubXT/60f2018687803fd29c270d08ca15d19f to your computer and use it in GitHub Desktop.
Save LublubXT/60f2018687803fd29c270d08ca15d19f to your computer and use it in GitHub Desktop.
Download ZIP
Raw
card1.html
<div className="min-w-[300px] w-[400px] h-[400px] overflow-y-clip group bg-white">
<img src="image.jpg" alt="image" className="h-[400px] w-full object-cover relative bottom-0 group-hover:bottom-[64px] duration-500" />
<div className="relative bottom-0 flex flex-row bg-white group-hover:bottom-[80px] duration-300 py-5 px-5 justify-between items-center border-y-4 border-yellow border-b-gray-100">
<h1 className="font-bold font-text">Kentucky Cheese Burger</h1>
<button className="font-text text-[15px] bg-yellow px-3 py-1 text-second font-semibold hover:opacity-90 duration-100">Order $10</button>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment