🎚️Na'urar Ƙirƙirar Tace CSS

Ayyukan filter da ma'auni

Dukiyar filter ta CSS dukiya ce da ke sanya tasiri a kan kamannin hoto ko wani abu, kuma ana rubuta ayyuka irin su blur da sepia tare da bazarar ɗaya tsakanin su.

• px (pixel)：Aikin blur aiki ne da ke ƙayyade radius na shuɗi ta hanyar px; idan ka saka 4px, launuka za su haɗu a cikin radius na pixel 4.
• % (kashi)：Ayyukan brightness da sepia ayyuka ne da ke ƙayyade ƙarfin tasiri ta hanyar %; a aikin brightness, 100% shine hasken asali, 120% kuwa yana nufin an ƙara haske da kashi 20%.
• deg (digiri)：Aikin hue-rotate aiki ne da ke ƙayyade kusurwar jujjuyawar launi a kan ƙirar launi ta hanyar deg; idan ka saka 180deg, launi zai matsa zuwa ɗayan gefen.

Me ya sa jerin rubutu ke canza sakamakon

Ayyukan da aka jera a filter ana amfani da su daga hagu zuwa dama, kuma kowane tasiri na gaba yana aiki a kan sakamakon tasirin da ya gabace shi, don haka canza jerin zai iya canza kamannin. Misali, idan ka fara da baki-fari sannan ka yi sepia, launin ruwan kasa zai rage, amma idan ka yi sepia sannan ka yi baki-fari, launin ruwan kasa zai ɓace. A wannan kayan aiki, tsarin aiwatarwa an gyara shi, amma za ka iya canza jerin ta hanyar gyara lambar CSS da aka samar.

Bambanci da backdrop-filter

filter da backdrop-filter dukiyoyi ne da za su iya amfani da ayyuka iri ɗaya, amma sun bambanta a kan abin da ake sanya tasirin.

• filter：filter dukiya ce da ke sanya tasiri a kan kamannin abin da aka zaɓa kanta (kamar hoto ko rubutu).
• backdrop-filter：backdrop-filter dukiya ce da ke sanya tasiri a bangon da ake iya gani a bayan abin da aka zaɓa, ana amfani da ita don tsari kamar gilashin dusashe.