CSS brightness() ফাংশন
- পূর্ববর্তী পৃষ্ঠা CSS blur() ফাংশন
- পরবর্তী পৃষ্ঠা CSS calc() ফাংশন
- একত্রিত পৃষ্ঠা CSS ফাংশন রেফারেন্স ম্যানুয়েল
সংজ্ঞা ও ব্যবহার
CSS- brightness()
ফিল্টার ফাংশন এলিমেন্টের আলোকপাত সংযোজিত করতে ব্যবহৃত
- 0% ছবিটিকে সম্পূর্ণরূপে কালো করবে
- 100%(বা 1)ডিফল্ট মান হিসাবে প্রাথমিক ছবি
- 100% বা তার বেশি মান ছবিটিকে আরও আলোকপাত করবে
- 100% কিংবা তার কম মান ছবিটিকে আরও ছাঁটা করবে
প্রতিদর্শ
উদাহরণ 1
ছবিটিকে প্রকৃত ছবির তুলনায় আরও আলোকপাত করা বা কম করা
#img1 { filter: brightness(150%); } #img2 { filter: brightness(50%); }
উদাহরণ 2
যোগ করা হয় brightness()
সঙ্গে backdrop-filter
প্রয়োগ করা হয় এই প্রতিভাগ
div.transbox { background-color: rgba(255, 255, 255, 0.4); -webkit-backdrop-filter: brightness(150%); backdrop-filter: brightness(150%); padding: 20px; margin: 30px; font-weight: bold; }
CSS সিনট্যাক্স
brightness(amount)
মান | বর্ণনা |
---|---|
amount |
অপশনাল।আলোকপাতের মান নির্দিষ্ট করুন, যা হতে পারে সংখ্যা বা শতকরা 0% এলিমেন্টটিকে সম্পূর্ণরূপে কালো করবে।100%(বা 1)ডিফল্ট মান হিসাবে প্রাথমিক ছবি(কোনো প্রভাব ছাড়া) 100% বা তার বেশি মান ছবিটিকে আরও আলোকপাত করবে。 |
প্রযুক্তিগত বিবরণ
সংস্করণ: | CSS Filter Effects Module Level 1 |
---|
ব্রাউজার সমর্থন
টেবিলের সংখ্যা প্রথম এই ফাংশনটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজার সংস্করণ
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
18 | 12 | 35 | 6 | 15 |
সংশ্লিষ্ট পাতা
উল্লেখ:CSS ফিল্টার এট্রিবিউট
উল্লেখ:CSS blur() ফাংশন
উল্লেখ:CSS contrast() ফাংশন
উল্লেখ:CSS drop-shadow() ফাংশন
উল্লেখ:CSS grayscale() ফাংশন
উল্লেখ:CSS hue-rotate() ফাংশন
উল্লেখ:CSS invert() ফাংশন
উল্লেখ:CSS opacity() ফাংশন
উল্লেখ:CSS saturate() ফাংশন
উল্লেখ:CSS sepia() ফাংশন
- পূর্ববর্তী পৃষ্ঠা CSS blur() ফাংশন
- পরবর্তী পৃষ্ঠা CSS calc() ফাংশন
- একত্রিত পৃষ্ঠা CSS ফাংশন রেফারেন্স ম্যানুয়েল