Skip to content

Instantly share code, notes, and snippets.

@nireno

nireno/base64_image-placeholder.html

Last active October 12, 2023 18:24
Show Gist options
  • Save nireno/27b309de3dd6567cfc7ac31682ed1c97 to your computer and use it in GitHub Desktop.
Save nireno/27b309de3dd6567cfc7ac31682ed1c97 to your computer and use it in GitHub Desktop.
Download ZIP
Base64 data image placeholder in react with tailwind aspect-ratio plugin
Raw
base64_image-placeholder.html
<!-- https://play.tailwindcss.com/D6b5GejsrZ -->
<div class="aspect-[16/9] p-12">
<img
class="h-full w-full border-2 border-black object-cover"
alt="image placeholder"
src="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO89x8AAsEB3+IGkhwAAAAASUVORK5CYII="
/>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment