نستخدم opacity: 0:

.ghost {
  opacity: 0;
}

القيمة من 0 (شفاف تمامًا) إلى 1 (ظاهر تمامًا).

ثلاث طرق للإخفاء

• opacity: 0: غير مرئي، لكنه يأخذ مكانه ويمكن النقر عليه.
• visibility: hidden: غير مرئي ويأخذ مكانه، لكن لا يمكن النقر عليه.
• display: none: يُزال من الصفحة تمامًا، ولا يأخذ مكانًا.

متى أستخدم opacity؟

للحركات: الظهور والاختفاء التدريجي يعمل مع opacity لا مع display.

.toast { transition: opacity 0.3s; }