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 mask
i njegove mask-*
osobine su stvarno sličan background
i 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 alpha
sredstva vrijednost da su transparentni dijelovi slike postale prozirne dijelove maske (što je ponekad više um-savijanje nego što se nadam). luminance
Vrijednost 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.