opacity
ویژگی opacity برای تنظیم شفافیت (transparency) یک عنصر استفاده میشه.
-
مقدارش بین
0
تا1
هست. -
1
= کاملاً واضح (بدون شفافیت) -
0
= کاملاً شفاف (نامرئی) -
اعداد بین این دو مقدار → نیمه شفاف
✅ سینتکس
📌 مثالها
1️⃣ عنصر کاملاً واضح
2️⃣ عنصر نیمه شفاف
3️⃣ عنصر نامرئی
⚠️ نکته مهم
وقتی روی یک عنصر opacity
اعمال میکنی، همه محتوای داخل اون عنصر هم شفاف میشه.
مثال: اگر روی یک div
با متن و عکس opacity: 0.5
بزنی → هم متن و هم عکس شفاف میشن.
✅ جایگزین (اگه فقط پسزمینه شفاف بشه)
اگه میخوای فقط پسزمینه شفاف بشه و متن یا محتوای داخل شفاف نشه، باید از رنگ با شفافیت (RGBA یا HSLA) استفاده کنی:
📌 مثال ترکیبی
🔹 کل div
(هم متن و هم پسزمینه) شفاف میشه.