brightness කාර්යය

brightness කාර්යය පසුබිම් පින්තූරයේ දීප්තිය වෙනස් කිරීමට ඉඩ සලසයි. මුල් පසුබිම් දීප්තිය 100% හෝ 1 අගයෙන් තීරණය වන අතර, ඒවා අඩු කිරීමේදී පින්තූරයේ දීප්තිය ද අඩු වේ. ඒ අනුව අගය 100% ට වඩා වැඩි කිරීමේදී දීප්තිය වැඩි වේ. ඍණ අගයන් භාවිතා නොකරන අතර, හිස් අගය ස්වයංක්‍රීයව 1 ලෙස වටහා ගනී.

වාක්‍ය රීතිය

තෝරන්නා {
	filter: brightness(අංකය);
}

උදාහරණය

අපගේ පින්තූරය සඳහා දීප්තිය 20% දක්වා සකසමු:

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

#elem {
	filter: brightness(20%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

උදාහරණය

දැන් අපි පින්තූරයේ දීප්තිය 120% දක්වා වැඩි කරමු:

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

#elem {
	filter: brightness(120%);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

උදාහරණය

අපගේ පින්තූරය සඳහා මුල් දීප්තිය සකසමු:

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

#elem {
	filter: brightness(1);
	background: url("bg.png") center / cover no-repeat;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

මෙයද බලන්න

blur කාර්යය,
පසුබිම විසිරුවන
contrast කාර්යය,
පසුබිමට විවිධත්වය ලබාදෙන
drop-shadow කාර්යය,
පසුබිමට සෙවනැල්ලක් ලබාදෙන
hue-rotate කාර්යය,
පසුබිමට වර්ණතාව ලබාදෙන
invert කාර්යය,
පසුබිම් වර්ණ උල්ලෝමනය කරන
opacity කාර්යය,
පසුබිමට පාරදෘශ්‍යතාව ලබාදෙන
sepia කාර්යය,
පසුබිම sepia බවට පරිවර්තනය කරන
background ගුණය,
පසුබිම සඳහා කෙටිකිරීමේ ගුණයක් වන
background-image ගුණය,
එය භාවිතා කර බ්ලොක් එකකට පසුබිම් පින්තූරයක් ලබාදිය හැකි
filter ගුණය,
පසුබිම සඳහා විලාසය ලබාදෙන