# 185: Igranje s CSS maskama - CSS-trikovi

Anonim

Maskiranje u CSS jedan je od načina za sakrivanje dijelova elementa i prikaz drugih. Druga je stvar clip-path, ali nemojmo se danas fokusirati na to. „Maske su slike; Isječci su putovi “jedan je od načina razmišljanja o razlici, iako to sigurno postaje zbunjujuće.

U ovom video, mi ćemo pogledati kako slični maski njegove mask-*osobine su stvarno sličan backgroundi background-*svojstvima. I mogu se lijepo koristiti zajedno, maska ​​sinces način je sakrivanja nekih dijelova slike, ali ipak otkrivanje sadržaja i pozadine ostalih dijelova.

SVG je izvrstan za maske, jer im vektorska priroda omogućuje lijepo skaliranje i općenito je mala veličina datoteke lijepa. Jedan od zbunjujućih dijelova oko maski je mask-type. Na alphasredstva vrijednost da su transparentni dijelovi slike postale prozirne dijelove maske (što je ponekad više um-savijanje nego što se nadam). luminanceVrijednost sredstvo bijela neprozirna i crne je transparentan i siva je između. Ili je obrnuto? A što je s maskama koje već imaju alfa kanal? A smatraju li se područja u SVG datoteci u kojima nema ničega alfa transparentnim? Vjerojatno? Idemo na predstavu.