Maskiranje v CSS je en način za skrivanje delov elementa in prikaz drugih. Druga je clip-path, vendar se ne osredotočamo na to danes. »Maske so slike; Posnetki so poti «je eden od načinov razmišljanja o razliki, čeprav to zagotovo postane zmedeno.
V tem videoposnetku si bomo ogledali, kako podobne maskin njegove mask-*lastnosti so res podobne lastnosti backgroundin background-*. In jih je mogoče lepo uporabljati skupaj, sinces maska je način, da skrijete nekatere dele slike, a vseeno razkrijete vsebino in ozadje drugih delov.
SVG je odličen za maske, saj jim vektorska narava omogoča lepo merjenje in na splošno majhna velikost datoteke je lepa. Eden od zmedenih delov okoli mask je mask-type. V alphavrednost pomeni, da so prozorni deli slike postanejo prosojne dele masko (ki je včasih bolj um-upogibni kot si upamo). luminanceVrednost pomeni belo je nejasen in črno pregleden in sivo je vmes. Ali je ravno obratno? Kaj pa maske, ki že imajo alfa kanal? In ali se območja v datoteki SVG, v katerih ni ničesar, štejejo za alfa pregledna? Verjetno? Igrajmo se.