text-shadow ပိုင်ဆိုင်မှု

text-shadow ပိုင်ဆိုင်မှုသည် စာသားကို အရိပ်ထိုးပေးသည်။ တန်ဖိုးအဖြစ် ပိုင်ဆိုင်မှုက 4 ခုသော အကန့်သတ်ချက်များကို လက်ခံပြီး ၎င်းတို့ကို ကြားခံနေရာဖြင့် ခွဲခြားရသည်၊ သို့မဟုတ် သော့ချက်စကားလုံး none ကို သုံးနိုင်သည်၊ ယင်းသည် အရိပ်ကို အပြီးအပိုင် ပယ်ဖျက်ပေးသည် (ဤတန်ဖိုးသည် မူလအတိုင်း သတ်မှတ်ထားသော တန်ဖိုးဖြစ်သည်)။

ဝါကျဖွဲ့စည်းပုံ

cssရွေးချယ်သူ {
  text-shadow: x_ပေါ့စျေနွှေ့ y_ပေါ့စျေနွှေ့ မှုန်ဝါးမှု အရောင်;
}

cssရွေးချယ်သူ {
  text-shadow: none;
}

အကန့်သတ်ချက်များ

ဝင်ရိုးများတလျှောက် ရွှေ့ပြောင်းမှုများနှင့် မှုန်ဝါးမှုကို အရွယ်အစားအတွက် ယူနစ်များဖြင့် သတ်မှတ်နိုင်သည်၊ ရာခိုင်နှုန်းမှလွဲ၍။

နမူနာ

အရိပ်ကို အောက်ဘက်နှင့် ဘယ်ဘက်သို့ ရွှေ့ပြီး မှုန်ဝါးမှုအနည်းငယ် ထည့်ကြည့်ကြပါစို့။

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 5px 5px 3px black;
}

Результат:

နမူနာ . ပြတ်သားသောအရိပ်

ယခု အရိပ်၏အရောင်ကို အနီရောင်လုပ်ပြီး၊ အောက်ဘက်နှင့် ဘယ်ဘက်သို့ ရွှေ့သော်လည်း မှုန်ဝါးမှုကို ဖယ်ရှားလိုက်ပါမည် - အရိပ်သည် ပြတ်သားနေမည်။

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 10px 10px red;
}

Результат:

နမူနာ . ညီညာသောအရိပ်

ယခု အရိပ်ကို မရွှေ့ပြောင်းဘဲ ထားပြီး မှုန်ဝါးမှု ထည့်ပေးထားသည်။

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 0px 0px 3px black;
}

Результат:

ဤအကြောင်းကိုလည်း ကြည့်ပါ