လုပ်နည်း - Image Effects ထည့်နည်း
ရုပ်ပုံများတွင် ရုပ်ပုံဆိုင်ရာ အထူးပြုလုပ်ချက်များကို ထည့်သွင်းနည်းကို လေ့လာပါ။
ရုပ်ပုံ စစ်ထုတ်မှုများ
CSS စစ်ထုတ်မှုများ
CSS filter
ပိုင်ဆိုင်မှုသည် ဒြပ်စင်တစ်ခုသို့ အမြင်ဆိုင်ရာအကျိုးသက်ရောက်မှုများ (မှုန်ဝါးခြင်းနှင့် ပြည့်ဝခြင်းကဲ့သို့) ပေါင်းထည့်သည်။
မှတ်ချက်- စစ်ထုတ်ခြင်းဆိုင်ရာ ပိုင်ဆိုင်မှုကို Internet Explorer၊ Edge 12 သို့မဟုတ် Safari 5.1 နှင့် အထက်တွင် ပံ့ပိုးမထားပါ။
Grayscale ဥပမာ
ပုံအားလုံး၏အရောင်ကို အဖြူအမည်း (100% မီးခိုးရောင်) သို့ပြောင်းပါ။
img {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
Original image
grayscale(100%)
မှုန်ဝါးခြင်း ဥပမာ
ပုံအားလုံးတွင် မှုန်ဝါးသောအကျိုးသက်ရောက်မှုကို အသုံးပြုပါ-
img {
-webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
filter: blur(5px);
}
Original image
blur(5px)
CSS စစ်ထုတ်မှုများအကြောင်း ပိုမိုလေ့လာရန် ကျွန်ုပ်တို့၏ CSS filter Property သို့ သွား ပါ။