mix-blend-mode প্রপার্টি

mix-blend-mode প্রপার্টিটি ব্যাকগ্রাউন্ড কালার বা ব্যাকগ্রাউন্ড ইমেজের উপর সোর্স কালারের ব্লেন্ড মোড সেট করে। প্রপার্টির মানগুলি গ্রাফিক এডিটরগুলির প্রাথমিক মোডগুলির অনুরূপ।

সিনট্যাক্স

cssসিলেক্টর {
  mix-blend-mode: মান;
}

নিচের টেবিলে mix-blend-mode প্রপার্টির প্রধান মানগুলি উপস্থাপন করা হয়েছে:

মানসমূহ

উদাহরণ

দেখা যাক mix-blend-mode প্রপার্টির ডিফল্ট মান সহ একটি ইমেজ কেমন দেখাবে:

html<div>
  <img src="bg.png">
</div>

cssdiv {
  background: #C8EAF5;
  width: 400px;
  height: 300px;
}
img {
  mix-blend-mode: normal;
  width: 400px;
  height: 300px;
}

Результат:

উদাহরণ

এবং এখন ব্লেন্ড মোডটি গুণে পরিবর্তন করা যাক:

html<div>
  <img src="bg.png">
</div>

cssdiv {
  background: #C8EAF5;
  width: 400px;
  height: 300px;
}
img {
  mix-blend-mode: multiply;
  width: 400px;
  height: 300px;
}

Результат:

উদাহরণ

mix-blend-mode প্রপার্টিটিকে ওভারলে মান সেট করা যাক:

html<div>
  <img src="bg.png">
</div>

cssdiv {
  background: #C8EAF5;
  width: 400px;
  height: 300px;
}
img {
  mix-blend-mode: overlay;
  width: 400px;
  height: 300px;
}

Результат:

আরও দেখুন