CSS drop-shadow() 函数

定义和用法

CSS အရောင် drop-shadow() အရောင်လုပ်ငန်း လုပ်ငန်းကို ပုံများအား ပြောင်းလဲစေသည်

အမှတ်ပြောင်း

အမှတ် 1

အရောင်ကြောင်း အသတ်မှတ်ထားသော ပုံများ အသုံးပြုသည်

#img1 {
  filter: drop-shadow(8px 8px 10px gray);
}
#img2 {
  filter: drop-shadow(10px 10px 7px lightblue);
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

အမှတ် 2

အရောင်ကြောင်း အသတ်မှတ်ထားသော ပုံများ အသုံးပြုသည် (အခွင့်အရေး အမှတ်ပြောင်းမပြုသည်)

#img1 {
  filter: drop-shadow(-8px -8px 10px gray);
}
#img2 {
  filter: drop-shadow(-10px -10px 7px lightblue);
}

ကျွန်ုပ်ကိုယ်ဖြင့် ကြိုးစားကြည့်ပါ

CSS လိုက်နာသည်

drop-shadow(h-shadow v-shadow blur spread color)

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

ဘတ်ယားကွန်ပျူတာ အထောက်အပံ့

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

ပါဝင်သော စာမျက်နှာ

参考：စီစ်အုပ်စု filter အစိတ်အရာ

参考：CSS အရောင်ရှိန်() လုပ်ငန်း

参考：CSS အရောင်အလွယ်() လုပ်ငန်း

参考：CSS အရောင်စုံစမ်း() လုပ်ငန်း

参考：CSS အရောင်တိုးချဲ့() လုပ်ငန်း

参考：CSS အရောင်လျှောက်ပြီး() လုပ်ငန်း

参考：CSS အရောင်ပြန်ပြီး() လုပ်ငန်း

参考：CSS အရောင်မြင့်စွာ() လုပ်ငန်း

参考：CSS saturate() 函数

参考：CSS sepia() 函数