🎚️ເຄື່ອງມືສ້າງ CSS Filter

ຟັງຊັນ ແລະ ໜ່ວຍຂອງ filter

ຄຸນສົມບັດ filter ຂອງ CSS ແມ່ນຄຸນສົມບັດທີ່ໃສ່ເອັບເຟັກລົງໃນຮູບລັກສະນະຂອງຮູບພາບ ຫຼືອົງປະກອບ, ໂດຍຂຽນຟັງຊັນເຊັ່ນ blur ຫຼື sepia ຄັ່ນດ້ວຍຊ່ອງຫວ່າງ

• px (ພິກເຊລ)：ຟັງຊັນ blur ແມ່ນຟັງຊັນທີ່ກຳນົດລັດສະໝີຂອງຄວາມມົວເປັນ px, ຖ້າກຳນົດ 4px ສີຈະປະສານກັນໃນໄລຍະລັດສະໝີ 4 ພິກເຊລ
• % (ເປີເຊັນ)：ຟັງຊັນ brightness ແລະ sepia ແມ່ນຟັງຊັນທີ່ກຳນົດຄວາມແຮງຂອງເອັບເຟັກເປັນ %, ສຳລັບ brightness ແລ້ວ 100% ແມ່ນຄວາມສະຫວ່າງຕົ້ນສະບັບ ແລະ 120% ແມ່ນສະຫວ່າງຂຶ້ນ 2 ສ່ວນ 10
• deg (ອົງສາ)：ຟັງຊັນ hue-rotate ແມ່ນຟັງຊັນທີ່ກຳນົດມຸມໝູນສີເທິງວົງຈອນສີເປັນ deg, ຖ້າກຳນົດ 180deg ສີຈະເລື່ອນໄປຫາສີທີ່ກົງກັນຂ້າມ

ເປັນຫຍັງລຳດັບການຂຽນຈຶ່ງປ່ຽນແປງຜົນລັບ

ຟັງຊັນທີ່ລຽນໄວ້ໃນ filter ຈະຖືກນຳໃຊ້ຕາມລຳດັບຈາກຊ້າຍໄປຂວາ, ແລະເອັບເຟັກຕໍ່ໄປຈະຖືກນຳໃຊ້ກັບຜົນລັບຂອງເອັບເຟັກກ່ອນໜ້າ, ດັ່ງນັ້ນລຳດັບທີ່ປ່ຽນໄປອາດເຮັດໃຫ້ຮູບລັກສະນະປ່ຽນແປງ. ຕົວຢ່າງ: ຖ້າປ່ຽນເປັນຂາວດຳກ່ອນແລ້ວຄ່ອຍໃສ່ sepia ຈະຍັງເຫຼືອສີນ້ຳຕານ, ແຕ່ຖ້າໃສ່ sepia ກ່ອນແລ້ວຄ່ອຍປ່ຽນເປັນຂາວດຳ ສີນ້ຳຕານຈະຫາຍໄປ. ໃນເຄື່ອງມືນີ້ ລຳດັບການນຳໃຊ້ຖືກກຳນົດໄວ້ແລ້ວ ແຕ່ທ່ານສາມາດປ່ຽນລຳດັບໄດ້ໂດຍການແກ້ໄຂໂຄດ CSS ທີ່ສ້າງຂຶ້ນ

ຄວາມແຕກຕ່າງຈາກ backdrop-filter

filter ແລະ backdrop-filter ແມ່ນຄຸນສົມບັດທີ່ໃຊ້ຟັງຊັນດຽວກັນໄດ້ ແຕ່ເປົ້າໝາຍທີ່ໃສ່ເອັບເຟັກແຕກຕ່າງກັນ

• filter：filter ແມ່ນຄຸນສົມບັດທີ່ໃສ່ເອັບເຟັກລົງໃນຮູບລັກສະນະຂອງອົງປະກອບທີ່ກຳນົດເອງ (ເຊັ່ນ ຮູບພາບ ຫຼື ຕົວໜັງສື)
• backdrop-filter：backdrop-filter ແມ່ນຄຸນສົມບັດທີ່ໃສ່ເອັບເຟັກລົງໃນສ່ວນທີ່ເຫັນຢູ່ດ້ານຫຼັງຂອງອົງປະກອບທີ່ກຳນົດ, ໃຊ້ໃນການສະແດງແບບກະຈົກຝ້າ