A CSS-ben nem újdonság az, hogy a képeket módosítani, effektezni lehet és mára már nagyon jó a támogatottsága a böngészők által, gyakorlatilag minden aktuális böngésző támogatja.


A rendelkezésre álló effektek:

blur: elmosás
brightness: fényerő
contrast: kontraszt
drop-shadow: árnyék
grayscale: szürkeárnyalatos
hue-rotate: szín transzformáció
invert: invertálás
opacity: átlátszóság
saturate: színtelítettség
sepia: szépia

A CSS Playground-nak (itt található) köszönhetően nem csak hogy gyorsan kipróbálhatjuk ezeket, de még a kódot is megkapjuk.

Bal oldalon vannak a filterek, csúszkákkal állíthatók az értékeik, míg jobb oldalon van a kód és a CSS hatásának előnézete.


A kész kódot másoljuk, használjuk.



 Érdekel a webfejlesztés, weboldalak készítése?

Kattints ide oktató videókért!