یک مودال (پنجره پاپ‌آپ) ساده با CSS خالص بسازید که با استفاده از روش checkbox یا :target باز و بسته شود، دارای بک‌دراپ نیمه‌شفاف باشد، در مرکز صفحه نمایش داده شود و از انیمیشن محو/نمایش برای باز/بسته شدن استفاده کند.

برای حل این مسئله می‌توانید از یک input[type="checkbox"] مخفی یا از لینک‌های با شناسه و پخش‌کننده :target استفاده کنید تا بدون جاوااسکریپت وضعیت باز/بسته مودال را کنترل کنید؛ یک پوشش (overlay) با position: fixed و background نیمه‌شفاف ایجاد کنید و خود مودال را با position: fixed یا flexbox در مرکز صفحه قرار دهید (مثلاً left:50% top:50% و transform: translate(-50%,-50%)). از transition روی opacity و visibility یا transform برای انیمیشن استفاده کنید و با pointer-events یا تغییر visibility از کلیک خوردن پشت‌زمینه جلوگیری نمایید؛ برای دسترسی بهتر دکمه یا لیبل برای بستن اضافه کنید و مودال را به‌گونه‌ای بسازید که در اندازه‌های مختلف صفحه پاسخگو باشد.