စက်တင်ပုံး mask-origin အကိုးအချုပ်

ဖော်ပြ နှင့် အသုံးပြု

mask-origin အခြေအနေ ကို ကူးကြည့်ရန် အရ အချက်အလက် ဖော်ပြသည်။ ဖော်ပြပြီး အချက်အလက် ဖော်ပြသည်

အမှတ်အသား

ပြသ mask-origin အချက်အလက် အမျိုးမျိုး

.masked {
  background: green;
  border: 30px solid blue;
  padding: 20px;
  -webkit-mask-image: url(img_circle.svg);
  mask-image: url(img_circle.svg);
  mask-size: 50%;
  mask-repeat: no-repeat;
}
.mask1 {
  mask-origin: border-box;
}
.mask2 {
  mask-origin: content-box;
}
.mask3 {
  mask-origin: padding-box;
}
.mask4 {
  mask-origin: fill-box;
}

ကိုယ်တိုင် ကျင်းပနိုင်

CSS ဘာသာစကား

mask-origin: border-box|content-box|padding-box|fill-box|stroke-box|view-box|initial|inherit;

အချက်အလက်

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

ဘရပီ အထောက်အထား

အချက်အလက်များသည် ထိုအခြေအနေကို ပထမဆုံး အထောက်အထားပြုသော ဘရပီအာဖြင့် ဖော်ပြထားသည်。

相关页面

教程：CSS 遮罩

参考：စက်တင်ပုံး mask အကိုးအချုပ်

参考：စက်တင်ပုံး mask-clip အကိုးအချုပ်

参考：စက်တင်ပုံး mask-composite အကိုးအချုပ်

参考：စက်တင်ပုံး mask-image အကိုးအချုပ်

参考：စက်တင်ပုံး mask-mode အကိုးအချုပ်

参考：စက်တင်ပုံး mask-position အကိုးအချုပ်

参考：စက်တင်ပုံး mask-repeat အကိုးအချုပ်

参考：စက်တင်ပုံး mask-size အကိုးအချုပ်

参考：စက်တင်ပုံး mask-type အကိုးအချုပ်