CSS में मास्किंग तत्व के कुछ हिस्सों को छिपाने और दूसरों को दिखाने का एक तरीका है। एक और है clip-path, लेकिन आज उस पर ध्यान केंद्रित नहीं करते हैं। “मास्क छवियां हैं; क्लिप पथ हैं "अंतर के बारे में सोचने का एक तरीका है, हालांकि यह निश्चित रूप से भ्रमित करता है।
इस वीडियो में, हम देखेंगे कि कैसे समान हैं maskऔर इसके mask-*गुण वास्तव में backgroundऔर background-*गुणों के समान हैं। और उन्हें एक साथ अच्छी तरह से इस्तेमाल किया जा सकता है, पापों का मुखौटा एक छवि के कुछ हिस्सों को छिपाने का एक तरीका है, लेकिन फिर भी अन्य भागों की सामग्री और पृष्ठभूमि को प्रकट करता है।
एसवीजी मास्क के लिए बहुत अच्छा है, क्योंकि वेक्टर प्रकृति उन्हें अच्छी तरह से स्केल करने की अनुमति देती है और आम तौर पर छोटे फ़ाइल का आकार अच्छा होता है। मास्क के आसपास भ्रमित करने वाली बिट्स में से एक है mask-type। alphaमूल्य का मतलब है कि छवि के पारदर्शी हिस्सों मुखौटा के पारदर्शी हिस्सों बन (जो कभी कभी अधिक दिमाग झुकने से आप उम्मीद है)। एक luminanceमान का मतलब है कि सफेद अपारदर्शी है और काला पारदर्शी है और बीच में ग्रे है। या फिर यह इसके विपरीत है? और उन मास्क के बारे में जो पहले से ही एक अल्फा चैनल है? और एसवीजी फाइल में कुछ ऐसे क्षेत्र हैं जिनमें अल्फा को पारदर्शी नहीं माना जाता है? शायद? चलो एक नाटक है।