🎚️Gjeneruesi i filtrave CSS

Funksionet dhe njësitë e filtrave

Pronësia CSS filter aplikohet për efekte në imazhe ose elemente, duke bashkuar funksione si blur dhe sepia të ndarë me hapësira.

• px (piksel)：Funksioni blur specifikoi rrezen e njollimit në px. Kur specifikoni 4px, ngjyrat përzihen në një rreze 4 pikselash.
• % (përqind)：Funksionet si brightness dhe sepia specifikojnë fuqinë e efektit në përqindje. Me brightness, 100% është ndriçimi origjinal dhe 120% është 20% më i ndritshëm.
• deg (gradë)：Funksioni hue-rotate specifikoi kënd për rrotullimin e ngjyrës në rrethën e ngjyrave në gradë. Kur specifikoni 180deg, ngjyra lëviz në anën e kundërt.

Pse rezultati ndryshon kur ndryshoni rendin

Funksionet në filter zbatohen sipas radhës, me secilin efekt të zbatuar në rezultatin e efektit të mëparshëm. Ndryshimi i radhës mund të ndryshojë pamjen. Për shembull, nëse aplikoni të bardhë e zi pastaj sepia, mbetet ngjyra e kafe. Nëse aplikoni sepia pastaj të bardhë e zi, hiqet ngjyra e kafe. Ky mjet ka një rend të fiksuar, por mund ta ndryshoni rendin duke redaktuar kodin CSS të gjeneruar.

Dallimi me backdrop-filter

Filter dhe backdrop-filter përdorin të njëjtët funksione, por aplikohen në qëllime të ndryshme.

• filter：Filter aplikohet në pamjen e vetë elementit (imazheve, tekstit, etj.).
• backdrop-filter：Backdrop-filter aplikohet në pjesën e dukshme pas elementit dhe përdoret për efekte si qelqi i turbull.