CSS mask-mode প্রতিশব্দ

  • পূর্ববর্তী পৃষ্ঠা mask-image
  • পরবর্তী পৃষ্ঠা mask-origin

বিবরণ ও ব্যবহার

mask-mode এই অ্যাট্রিবিউট মাস্ক চিত্রকে আলোকমান মাস্ক হিসাবে বা alpha মাস্ক হিসাবে দেখাতে কীভাবে নির্দেশ করে

উদাহরণ

মাস্ক চিত্রকে আলোকমান মাস্ক হিসাবে দেখান:

.mask1 {
  -webkit-mask-image: url(w3logo.png);
  mask-image: url(w3logo.png);
  mask-size: 70%;
  mask-repeat: no-repeat;
  mask-mode: luminance;
}

স্বয়ং প্রয়াস করুন

CSS গ্রামার

mask-mode: match-source|luminance|alpha|initial|inherit;

অ্যাট্রিবিউট মান

মান বর্ণনা
match-source

যদি mask-image অ্যাট্রিবিউট ছবি (ছবি URL বা গ্রেডিয়েন্ট) হয়, তবে mask-mode-কে alpha হিসাবে সংযোজিত করুন。

যদি mask-image অ্যাট্রিবিউট SVG <mask> হয়, তবে <mask> ইলিমেন্টের mask-type অ্যাট্রিবিউটটি ব্যবহার করুন。

এটি ডিফল্ট মান
luminance মাস্ক চিত্রের আলোকমান মানকে মাস্ক মান হিসাবে ব্যবহার করুন。
alpha মাস্ক চিত্রের alpha মানকে মাস্ক মান হিসাবে ব্যবহার করুন。
initial এই অ্যাট্রিবিউটকে এটির ডিফল্ট মানে সংযোজিত করুন। দেখুন initial。
inherit এই অ্যাট্রিবিউটটি তার পিতৃত্বকে থাকা অ্যাট্রিবিউটটি থেকে উত্তরসূরী করুন। দেখুন inherit。

টেকনিক্যাল বিবরণ

ডিফল্ট মান: match-source
উত্তরসূরীতা: না
অ্যানিমেশন নির্মাণ: সমর্থন নেই। দেখুন:অ্যানিমেশন-সংক্রান্ত অ্যাট্রিবিউট。
সংস্করণ: CSS মাস্কিং মডিউল লেভেল 1
জেভাস্ক্রিপ্ট গ্রামার: object.style.maskMode="alpha"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এটি এই অ্যাট্রিবিউটটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজারের সংস্করণকে নির্দেশ করে。

চ্রোম এজ ফায়ারফক্স সাফারি অপেরা
120 120 53 15.4 106

সংশ্লিষ্ট পৃষ্ঠা

শিক্ষা:CSS মাস্ক

উল্লেখ:CSS mask প্রতিশব্দ

উল্লেখ:CSS mask-clip প্রতিশব্দ

উল্লেখ:CSS mask-composite প্রতিশব্দ

উল্লেখ:CSS mask-image প্রতিশব্দ

উল্লেখ:CSS mask-origin প্রতিশব্দ

উল্লেখ:CSS mask-position প্রতিশব্দ

উল্লেখ:CSS mask-repeat প্রতিশব্দ

উল্লেখ:CSS mask-size প্রতিশব্দ

উল্লেখ:CSS mask-type প্রতিশব্দ

  • পূর্ববর্তী পৃষ্ঠা mask-image
  • পরবর্তী পৃষ্ঠা mask-origin