Çfarë janë filtrat CSS?

Filtrat CSS ju lejojnë të aplikoni efekte grafike si turbullim ose zhvendosje ngjyre në një element. Ato përdoren zakonisht për imazhe, sfonde dhe kufij.

Filtrat mund të përdoren për të krijuar efekte vizuale, për të përmirësuar imazhet ose për të krijuar elementë unikë të dizajnit pa pasur nevojë për mjete të jashtme për redaktimin e imazheve.

Vetitë e filtrit CSS të mbështetura

• blur()- Zbaton një turbullim Gaussian në element.
• brightness()- Rregullon ndriçimin e elementit.
• contrast()- Rregullon kontrastin e elementit.
• grayscale()- Konverton elementin në ngjyrë gri.
• hue-rotate()- Zbaton një rrotullim të ngjyrës në element.
• invert()- Inverton ngjyrat e elementit.
• opacity()- Rregullon tejdukshmërinë e elementit.
• saturate()- Ngop ose çngopur elementin.
• sepia()- Konverton elementin në sepia.

Si të aplikoni filtra

Duke përdorur kodin CSS të gjeneruar nga ky mjet, mund të aplikoni filtra në çdo element HTML. Ja se si:

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

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

Përputhshmëria e shfletuesit

Filtrat CSS mbështeten gjerësisht në shfletuesit modernë, duke përfshirë Chrome, Firefox, Safari, Edge dhe Opera. Megjithatë, shfletuesit më të vjetër si Internet Explorer nuk i mbështesin ato.