CSS blur() ফাংশন

বিবরণ ও ব্যবহার

CSS-র blur() ফিল্টার ফাংশন ইউনিটের অবমূল্য বালা প্রভাব প্রয়োগ করে। মানটি বৃদ্ধি পড়লে, অবমূল্য বালার প্রভাব বাড়ে。

যদি কোন মান না নির্দিষ্ট করা হয়, তবে ডিফল্ট 0 ব্যবহার করা হবে。

উদাহরণ

উদাহরণ 1

বিভিন্ন অবমূল্য বালা প্রভাব প্রয়োগ করে <h1> এবং <img> ইউনিটে:

h1 {
  filter: blur(2px);
}
#img1 {
  filter: blur(2px);
}
#img2 {
  filter: blur(6px);
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2

আবর্তিত পিছনভাগ তৈরি করুন:

img.background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  filter: blur(35px);
}

আপনার হাতে পরীক্ষা করুন

CSS স্বরূপ

blur(radius)

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

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

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

সংক্রান্ত পাতা

উল্লেখ:CSS ফিল্টার প্রতিভা

উল্লেখ:CSS brightness() ফাংশন

উল্লেখ:CSS contrast() ফাংশন

উল্লেখ:CSS drop-shadow() ফাংশন

উল্লেখ:CSS grayscale() ফাংশন

উল্লেখ:CSS hue-rotate() ফাংশন

উল্লেখ:CSS invert() ফাংশন

উল্লেখ:CSS opacity() ফাংশন

উল্লেখ:CSS saturate() ফাংশন

উল্লেখ:CSS sepia() ফাংশন