বৈশিষ্ট্য background-blend-mode

বৈশিষ্ট্য background-blend-mode পটভূমির ছবির উপর পটভূমির রঙ বা অন্যান্য ছবির সম্মিলনের মোড নির্ধারণ করে। এই বৈশিষ্ট্যে কমা দ্বারা পৃথক করে একাধিক মানও উল্লেখ করা যেতে পারে, যা একই ক্রমে প্রয়োগ করা হবে। বৈশিষ্ট্যের মানগুলি গ্রাফিক সম্পাদকগুলির প্রধান মোডগুলির অনুরূপ।

সিনট্যাক্স

সিলেক্টর {
	background-blend-mode: মোড;
}

বৈশিষ্ট্য background-blend-mode-এর জন্য প্রধান মানগুলি নিচের টেবিলে উপস্থাপন করা হয়েছে:

মানসমূহ

মান	বর্ণনা
`normal`	সাধারণ। রং মিশ্রণ ব্যবহার করা হয় না। ডিফল্ট মোড।
`multiply`	গুণন। এই মোডে, বেস কালারের মান মিশ্রিত কালারের মান দ্বারা গুণিত হয়। ফলে সৃষ্ট রং সর্বদা একটি গাঢ় রঙের হয়।
`screen`	স্ক্রীন। এই মোডে, বেস এবং মিশ্রিত রঙের বিপরীত মানগুলি গুণিত হয়। ফলে সৃষ্ট রং হিসাবে সর্বদা একটি হালকা রঙ প্রয়োগ করা হয়।
`overlay`	ওভারলে। এই মোডে, বেস কালারের উপর নির্ভর করে রং গুণিত বা হালকা করা হয়। প্যাটার্ন বা রং বিদ্যমান পিক্সেলগুলিকে আচ্ছাদিত করে, বেস কালারের হালকা এবং গাঢ় অংশগুলি অপরিবর্তিত রেখে।

উদাহরণ

আসুন দেখি background-blend-mode বৈশিষ্ট্যের ডিফল্ট মান সহ একটি ছবি কেমন দেখাবে:

<div id="elem"></div>

#elem {
	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;
}

উদাহরণ

এবং এখন background-blend-mode বৈশিষ্ট্যের মান গুণনে পরিবর্তন করা যাক:

<div id="elem"></div>

#elem {
	background-blend-mode: multiply;
	background: url("bg.png") center / cover no-repeat,
	linear-gradient(#00A8DE, #FFF) fixed;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

উদাহরণ

আসুন আমাদের ছবির জন্য স্ক্রীন মোড সেট করি:

<div id="elem"></div>

#elem {
	background-blend-mode: screen;
	background: url("bg.png") center / cover no-repeat,
	linear-gradient(#00A8DE, #FFF) fixed;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

আরও দেখুন

বৈশিষ্ট্য background,
যা পটভূমির জন্য একটি সংক্ষিপ্ত বৈশিষ্ট্য
বৈশিষ্ট্য background-image,
যার সাহায্যে একটি ব্লকে পটভূমির ছবি নির্ধারণ করা যায়
বৈশিষ্ট্য mix-blend-mode,
যার সাহায্যে বেস কালারগুলিকে পটভূমির ছবির উপর সম্মিলিত করা যায়
বৈশিষ্ট্য backdrop-filter,
যা ফিল্টার প্রয়োগ করতে দেয়