تصور کنید به عنوان مثال میخواهید زمانی که کاربر وارد صفحه سایت شما شد صفحه شما بصورت اتوماتیک توسط کد Java Script ، نور صفحه کم و زیاد شود.
برای این کار شما لازم دارید.
, let screen = document.documentElement
;level = 0.1
;`screen.style.filter = `brightness(${level})
در این خط کد مقداری که level می گیرد صفر تاریک ترین حالت و یک بیشترین نور رو دارد.
البته شما همین کار رو می توانید با کد css زیر هم داشته باشید اما دیگر حالت داینامیک نخواهد داشت
}html
; filter : brightness(0.5)
{