စက်တင်ဘား mask-composite အချက်

အစီအစဉ် နှင့် အသုံးပြုခြင်း

mask-composite ဖော်ပြချက် အချက်အလက် သည် အရှိသော ပုံစံ နှင့် အောက်ပိုင်း ပုံစံ အကြား အသုံးပြုသည့် ပေါင်းစပ်လုပ်ခြင်း ကို ဖော်ပြသည်。

အမှတ်အသား

ပြသ mask-composite အချက်အလက် များစွာ

.masked {
  width: 200px;
  height: 200px;
  mask-repeat: no-repeat;
  mask-size: 100%;
  background: blue;
  -webkit-mask-image: url(img_rectangle.svg), radial-gradient(transparent 50%, black);
  mask-image: url(img_rectangle.svg), radial-gradient(transparent 50%, black);
}
.mask1 {
  mask-composite: add;
}
.mask2 {
  mask-composite: subtract;
}
.mask3 {
  mask-composite: intersect;
}
.mask4 {
  mask-composite: exclude;
}

ကိုယ်တိုင် ကြိုးစားလုပ်ပါ

CSS လိုင်းဘာသာ

mask-composite: add|subtract|intersect|exclude|initial|inherit;

အချက်အလက်

နည်းပညာ အချက်အလက်

ဘာသာပြန်လည်သုံးစွဲသူ အကူအညီ

အချက်အလက်များတွင် ဖော်ပြထားသော စက္ခုအမှတ် သည် အပြင်းအထန် ကူးယူသည့် ဘာသာပြန်လည်သုံးစွဲသူ အမှတ်မှတ်ချက် ဖြစ်သည်。

相关页面

教程：CSS 遮罩

参考：စက်တင်ဘား mask အချက်

参考：စက်တင်ဘား mask-clip အချက်

参考：စက်တင်ဘား mask-image အချက်

参考：စက်တင်ဘား mask-mode အချက်

参考：စက်တင်ဘား mask-origin အချက်

参考：စက်တင်ဘား mask-position အချက်

参考：စက်တင်ဘား mask-repeat အချက်

参考：စက်တင်ဘား mask-size အချက်

参考：စက်တင်ဘား mask-type အချက်