CSS-suodattimet

CSS-suodattimet soveltavat visuaalisia tehosteita HTML-elementteihin ja niiden lapsiin käyttämällä CSS:ää (Cascading Style Sheets).

CSS-suodattimet soveltavat visuaalisia tehosteita HTML-elementteihin ja niiden ala-elementteihin käyttämällä CSS:ää (Cascading Style Sheets). CSS-suodattimet mahdollistavat erilaisten kuvankäsittelytekniikoiden soveltamisen elementin sisältöön ja taustaan.

Voit yhdistää useita CSS-suodattimia elementin renderöinnin muokkaamiseksi. Seuraavassa on muutamia Webflow'ssa käytettävissä olevia CSS-suodattimia:

  • Sameus - soveltaa Gaussin sumeutta, jolloin elementti näyttää epätarkalta.
  • Harmaasävy - muuntaa harmaasävyiseksi, jolloin kaikki väri poistetaan.
  • Seepia - soveltaa seepian sävyä, jolloin se saa vanhanajan ilmeen.
  • Kirkkaus - säätää kirkkautta.

Suodattimet hyödyttävät tilamuutoksia, kuten kuvan siirtymistä harmaasävyistä väreihin, kun käyttäjä siirtää hiiren sen päälle. Voit myös käyttää taustasuodattimia lisäämään syvyyttä dynaamisella sumentamisella ja väritehosteilla elementtien takana olevalle alueelle.

Projekti jo mielessä?

Luodaan se yhdessä