$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
فهذي سهله
اعملي مضاعفة للطبقة للصورة اللي تبي تعملي لها الاضاءة
بعدين روحي للطبقة الجديدة وغيري خطائص الطبقة، عندك اكثر من خيار (hard light; vived light; ،،،،، الخ)
وممكن عن طريق الاكشن
لكن اذا قصدك الاضاءة اللي تجي من جنب كأن فيه لمبة في احدى جهات التصميم
فهذي بالفلاتر
روحي filter
بعدين render
بعدين lens flare
حددي المكان اللي تبينه في النافذة الصغيرة اللي رح تفتح لك
واختاري نوع الاضاءة من الاربع خيارات عندك
وبالشريط تتحكمي في حجم الاضاءة
ان شاء الله شرحي واضح :)