🎚️CSS ෆිල්ටර් ජනකය

filter ශ්‍රිත සහ ඒකක

CSS හි filter ගුණාංගය, රූපයක හෝ මූලද්‍රව්‍යයක පෙනුමට ක්‍රියාවක් යොදන ගුණාංගයක් වන අතර, blur, sepia වැනි ශ්‍රිත හිස් අවකාශයකින් වෙන් කර පෙළගස්වා ලියනු ලැබේ.

• px (පික්සල්)：blur ශ්‍රිතය, බ්ලර් අරය px වලින් නියම කරන ශ්‍රිතයක් වන අතර, 4px නියම කළහොත් පික්සල් 4ක අරය තුළ වර්ණ මිශ්‍ර වේ.
• % (ප්‍රතිශතය)：brightness සහ sepia ශ්‍රිත, ක්‍රියාවේ ප්‍රබලත්වය % වලින් නියම කරන ශ්‍රිත වන අතර, brightness ශ්‍රිතයේදී 100% යනු මුල් දීප්තිය, 120% යනු 20%කින් දීප්තිමත් කළ තත්ත්වයයි.
• deg (අංශක)：hue-rotate ශ්‍රිතය, වර්ණ වටරවුම මත වර්ණය කරකවන කෝණය deg වලින් නියම කරන ශ්‍රිතයක් වන අතර, 180deg නියම කළහොත් වර්ණය ප්‍රතිවිරුද්ධ වර්ණ තානයට ගමන් කරයි.

ලියන අනුපිළිවෙලින් ප්‍රතිඵලය වෙනස් වන්නේ ඇයි

filter හි පෙළගස්වන ලද ශ්‍රිත වම්පසින් පටන් ගෙන අනුපිළිවෙලින් යෙදෙන අතර, පෙර ක්‍රියාව යෙදූ ප්‍රතිඵලයට ඊළඟ ක්‍රියාව යෙදෙන බැවින්, පෙළගැස්වීමේ අනුපිළිවෙල වෙනස් වුවහොත් පෙනුමද වෙනස් විය හැක. උදාහරණයක් ලෙස කළු-සුදු කර පසුව සෙපියා යෙදුවහොත් දුඹුරු පැහැයක් ඉතිරි වන අතර, සෙපියා යෙදා පසුව කළු-සුදු කළහොත් දුඹුරු පැහැය අතුරුදහන් වේ. මෙම මෙවලමෙහි යෙදීමේ අනුපිළිවෙල ස්ථිර කර ඇතත්, ජනනය කරන ලද CSS කේතය සංස්කරණය කිරීමෙන් අනුපිළිවෙල වෙනස් කළ හැක.

backdrop-filter සමඟ වෙනස

filter සහ backdrop-filter එකම ශ්‍රිත භාවිත කළ හැකි ගුණාංග වුවත්, ක්‍රියාව යොදන ඉලක්කය වෙනස් වේ.

• filter：filter යනු, නියම කළ මූලද්‍රව්‍යයම (රූපය, අකුරු ආදිය) හි පෙනුමට ක්‍රියාව යොදන ගුණාංගයකි.
• backdrop-filter：backdrop-filter යනු, නියම කළ මූලද්‍රව්‍යයට පිටුපසින් පෙනෙන කොටසට ක්‍රියාව යොදන ගුණාංගයක් වන අතර, විනිවිද පෙනෙන වීදුරුවක් වැනි ප්‍රකාශනයක් සඳහා භාවිත වේ.