Menene CSS Filters?

CSS Filters suna ba ku damar amfani da tasirin hoto kamar blur ko canza launi zuwa kashi. Ana yawan amfani da su don hotuna, bango, da iyakoki.

Ana iya amfani da masu tacewa don ƙirƙirar tasirin gani, haɓaka hotuna, ko ƙirƙirar abubuwan ƙira na musamman ba tare da buƙatar kayan aikin gyaran hoto na waje ba.

Goyan bayan CSS Filter Properties

• blur()- Yana amfani da blur Gaussian zuwa kashi.
• brightness()- Yana daidaita haske na kashi.
• contrast()- Yana daidaita bambancin kashi.
• grayscale()- Yana canza kashi zuwa launin toka.
• hue-rotate()- Yana amfani da jujjuya launi zuwa kashi.
• invert()- Yana jujjuya launuka na kashi.
• opacity()- Yana daidaita rashin daidaituwa na kashi.
• saturate()- Yana ƙoshi ko kuma ya lalata sinadarin.
• sepia()- Yana canza sinadarin zuwa sepia.

Yadda ake Aiwatar da Tace

Yin amfani da lambar CSS da wannan kayan aiki ya samar, zaku iya amfani da masu tacewa zuwa kowane nau'in HTML. Ga yadda:

.filtered-image { filter: blur(5px) brightness(110%) contrast(120%); }

filter: blur(2px) brightness(110%) contrast(120%) saturate(150%);

Daidaituwar Browser

Ana tallafawa matatun CSS sosai a cikin masu bincike na zamani, gami da Chrome, Firefox, Safari, Edge, da Opera. Duk da haka, tsofaffin masu bincike kamar Internet Explorer ba sa tallafa musu.