<div class="p-8"> <div class="relative bg-black shadow-lg rounded-lg group h-64 w-64 flex justify-center items-center"> <div class="rounded-lg h-full w-full absolute z-10 bg-cover bg-center hover:opacity-50 transition-all duration-500 ease-in-out" style="background-image: url('')"> </div> <p class="font-bold text-lg text-white absolute z-20 pointer-events-none"> Video Graphics </p> </div> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter