Tailwind CSSBeginner
Shadows & Effects
Tailwind-এ box shadow, opacity, blur, backdrop-blur — effects utilities বাংলায়।
9টি অংশবাংলা ভাষায়
Box Shadow
<div class="shadow-sm">ছোট shadow</div>
<div class="shadow">Default shadow</div>
<div class="shadow-md">মাঝারি shadow</div>
<div class="shadow-lg">বড় shadow</div>
<div class="shadow-xl">বড় shadow</div>
<div class="shadow-2xl">সবচেয়ে বড় shadow</div>
<div class="shadow-inner">Internal shadow</div>
<div class="shadow-none">কোনো shadow নেই</div>Opacity
<div class="opacity-100">পূর্ণ opacity</div>
<div class="opacity-75">75% opacity</div>
<div class="opacity-50">50% opacity</div>
<div class="opacity-25">25% opacity</div>
<div class="opacity-0">সম্পূর্ণ transparent</div>Blur
<div class="blur-sm">ছোট blur</div>
<div class="blur">Default blur</div>
<div class="blur-lg">বড় blur</div>Backdrop Blur
<div class="backdrop-blur-sm bg-white/30 p-4">
Frosted glass effect
</div>Glass morphism
backdrop-blur-md bg-white/30 border border-white/20 দিয়ে modern glass morphism effect তৈরি করা যায়।
শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।