نستخدم opacity: 0:
.ghost {
opacity: 0;
}القيمة من 0 (شفاف تمامًا) إلى 1 (ظاهر تمامًا).
ثلاث طرق للإخفاء
opacity: 0: غير مرئي، لكنه يأخذ مكانه ويمكن النقر عليه.visibility: hidden: غير مرئي ويأخذ مكانه، لكن لا يمكن النقر عليه.display: none: يُزال من الصفحة تمامًا، ولا يأخذ مكانًا.
متى أستخدم opacity؟
للحركات: الظهور والاختفاء التدريجي يعمل مع opacity لا مع display.
.toast { transition: opacity 0.3s; }