# 185: Žaidimas su CSS kaukėmis - CSS-gudrybės

Turinys

Maskavimas CSS yra vienas iš būdų paslėpti elemento dalis ir parodyti kitiems. Kitas yra clip-path, bet šiandien nesikoncentruokime į tai. „Kaukės yra vaizdai; Klipai yra keliai “yra vienas iš būdų pagalvoti apie skirtumą, nors jis tikrai painioja.

Šiame vaizdo įraše mes pažvelgsime į tai, kaip panašūs maskir jo mask-*savybės yra tikrai panašios į backgroundir background-*savybes. Ir jas galima gražiai naudoti kartu, kaukė yra būdas paslėpti kai kurias vaizdo dalis, tačiau vis tiek atskleisti kitų dalių turinį ir foną.

SVG puikiai tinka kaukėms, nes vektorinė prigimtis leidžia jas gražiai keisti ir paprastai mažas failo dydis yra gražus. Vienas iš painiavos apie kaukes yra mask-type. Į alphavertė reiškia, kad skaidrūs dalys paveikslėlio tapti skaidrūs dalys kauke (kuris kartais daugiau proto-lenkimo nei tikimės). luminanceVertės priemonė balta yra nepermatoma ir juoda yra skaidrus ir pilka yra tarp jų. O gal atvirkščiai? O kaip su kaukėmis, kurios jau turi alfa kanalą? Ar SVG failo sritys, kuriose nėra nieko, laikomos alfa skaidriomis? Tikriausiai? Tegul vaidina.

Įdomios straipsniai...