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)

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই ফাংশনটি পূর্ণাত্মকভাবে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটির জন্য।

সংশ্লিষ্ট পাতা

参考：CSS ফিল্টার প্রতিভা

参考：CSS blur() ফাংশন

参考：CSS brightness() ফাংশন

参考：CSS contrast() ফাংশন

参考：CSS grayscale() ফাংশন

参考：CSS hue-rotate() ফাংশন

参考：CSS invert() ফাংশন

参考：CSS opacity() ফাংশন

参考：CSS saturate() 函数

参考：CSS sepia() 函数