filter প্রপার্টি

filter প্রপার্টি ব্যাকগ্রাউন্ড ইমেজে একটি নির্দিষ্ট শৈল্পিক স্টাইল বা ফিল্টার নির্ধারণ করে। প্রপার্টিটি মান হিসাবে filter ফাংশন দ্বারা গঠিত শৈল্পিক স্টাইলের নাম বা none (নির্বাচিত ফিল্টার বাতিল) গ্রহণ করতে পারে।

সিনট্যাক্স

cssসিলেক্টর {
  filter: শৈল্পিক স্টাইল বা none;
}

উদাহরণ

আসুন আমাদের ইমেজের জন্য ব্ল্যাক অ্যান্ড হোয়াইট ফিল্টার সেট করি, এবং হোভার করলে এটি বাতিল করি:

html<div id="elem"></div>
css#elem {
  filter: grayscale(100%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}
#elem:hover {
  filter: none;
}

Результат:

আরও দেখুন

  • background প্রপার্টি,
    যা ব্যাকগ্রাউন্ডের জন্য একটি শর্টহ্যান্ড প্রপার্টি
  • blur ফাংশন,
    যা ব্যাকগ্রাউন্ডকে ব্লার করে
  • brightness ফাংশন,
    যা ব্যাকগ্রাউন্ডের ব্রাইটনেস সেট করে
  • contrast ফাংশন,
    যা ব্যাকগ্রাউন্ডের কনট্রাস্ট সেট করে
  • drop-shadow ফাংশন,
    যা ব্যাকগ্রাউন্ডে শ্যাডো সেট করে
  • hue-rotate ফাংশন,
    যা ব্যাকগ্রাউন্ডের হিউ সেট করে
  • invert ফাংশন,
    যা ব্যাকগ্রাউন্ডের কালার ইনভার্ট করে
  • opacity ফাংশন,
    যা ব্যাকগ্রাউন্ডের অস্বচ্ছতা সেট করে
  • sepia ফাংশন,
    যা ব্যাকগ্রাউন্ডকে সেপিয়াতে রূপান্তর করে