blur ফাংশন
blur ফাংশনটি
ব্যাকগ্রাউন্ড ইমেজগুলিকে গাউসিয়ান ব্লার প্রয়োগ করতে দেয়।
সিনট্যাক্স
সিলেক্টর {
filter: blur(ব্লার পরিমাণ);
}
উদাহরণ
আসুন আমাদের ইমেজের জন্য 2px ব্লার সেট করি:
<div id="elem"></div>
#elem {
filter: blur(2px);
background-blend-mode: normal;
background: url("bg.png") center / cover no-repeat,
linear-gradient(#00A8DE, #FFF) fixed;
width: 400px;
height: 300px;
border: 1px solid black;
}
:
আরও দেখুন
-
brightnessফাংশন,
যা ব্যাকগ্রাউন্ডের উজ্জ্বলতা সেট করে -
contrastফাংশন,
যা ব্যাকগ্রাউন্ডের কনট্রাস্ট সেট করে -
drop-shadowফাংশন,
যা ব্যাকগ্রাউন্ডে শ্যাডো সেট করে -
hue-rotateফাংশন,
যা ব্যাকগ্রাউন্ডের হিউ রোটেট সেট করে -
invertফাংশন,
যা ব্যাকগ্রাউন্ডের কালার ইনভার্ট করে -
opacityফাংশন,
যা ব্যাকগ্রাউন্ডের অস্বচ্ছতা সেট করে -
sepiaফাংশন,
যা ব্যাকগ্রাউন্ডকে সেপিয়াতে রূপান্তরিত করে -
backgroundপ্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য একটি শর্টহ্যান্ড প্রপার্টি -
background-imageপ্রপার্টি,
যার মাধ্যমে একটি ব্লকে ব্যাকগ্রাউন্ড ইমেজ সেট করা যায় -
filterপ্রপার্টি,
যা ব্যাকগ্রাউন্ডের জন্য স্টাইল নির্ধারণ করে
