CSS ফিল্টাৰ জেনেৰেটৰ
ব্লাৰ, উজ্জ্বলতা আদি প্ৰভাৱ শ্লাইডাৰৰ সহায়ত সমন্বয় কৰি, CSS-ৰ filter ক'ড পূৰ্বদৰ্শন কৰিয়েই সৃষ্টি কৰক
বৈশিষ্ট্যসমূহ
শ্লাইডাৰৰ সহায়ত ৯ বিধ প্ৰভাৱ
লৰোৱাৰ লগে লগে পূৰ্বদৰ্শন আৰু CSS ক'ড একেলগে সলনি হয়
নিজৰ ছবিত পৰীক্ষা কৰিব পাৰি
হাতত থকা ছবি ব্ৰাউজাৰৰ ভিতৰতে প্ৰদৰ্শন কৰি প্ৰভাৱ নিশ্চিত কৰক
টিপি থকা সময়তহে মূল ছবি
প্ৰভাৱ দিয়াৰ আগৰ আৰু পিছৰ ছবি তৎক্ষণাৎ তুলনা কৰক
৮ বিধ নমুনাৰ পৰা সূক্ষ্ম সমন্বয়
সেপিয়া টোন বা ভিনটেজৰ দৰে নমুনাৰ পৰা আৰম্ভ কৰি সমন্বয় কৰক
ব্যৱহাৰৰ পদ্ধতি
ছবি বাছনি কৰক
"নিজৰ ছবি বাছনি কৰক"ত হাতত থকা ছবি নিৰ্দিষ্ট কৰক। নুবাছিলে অন্তৰ্নিহিত নমুনা ছবিৰে পৰীক্ষা কৰিব পাৰি
প্ৰভাৱ সমন্বয় কৰক
নমুনাৰ পৰা ওচৰৰ পৰিৱেশ বাছনি কৰক বা প্ৰতিটো শ্লাইডাৰেৰে প্ৰভাৱৰ তীব্ৰতা সমন্বয় কৰক
আগ-পিছ তুলনা কৰক
"মূল ছবিৰ সৈতে তুলনা কৰক" টিপি থকা সময়তহে প্ৰভাৱ নোহোৱা ছবি দেখুৱায়
ক'ড কপি কৰক
"কপি" বুটামেৰে filter-ৰ এটা লাইন নিজৰ CSS-ত সাঁতি লওক

ব্যৱহাৰৰ উদাহৰণ
পটভূমিৰ ফটোত লিখনিৰ পঠনীয়তা
পটভূমিৰ ফটো অলপ ব্লাৰ কৰি, ওপৰত থকা শিৰোনাম পঢ়িবলৈ সহজ কৰক
ফটোৰ ৰং টোনৰ একাত্মতা
দলৰ পৃষ্ঠা বা গেলাৰীৰ ফটো ব্লেক এণ্ড হোৱাইট বা সেপিয়ালৈ একে ৰূপত আনক
হাতত থকা ফটোৰে মান নিৰ্ধাৰণ
প্ৰকৃততে ব্যৱহাৰ কৰা ফটোত প্ৰয়োগ কৰি, মলিনতা বা ভিনটেজ টোনৰ মান নিৰ্ধাৰণ কৰক
ডাৰ্ক ম'ডৰ বাবে ছবি সমন্বয়
আন্ধাৰ পটভূমিত চকুত বেছি উজ্জ্বল নোহোৱাকৈ উজ্জ্বলতা আৰু কনট্ৰাষ্ট কমোৱা মান নিৰ্ধাৰণ কৰক
মৌলিক জ্ঞান
filter-ৰ ফাংচন আৰু একক
CSS-ৰ filter প্ৰপাৰ্টিটো ছবি বা উপাদানৰ ৰূপত প্ৰভাৱ প্ৰয়োগ কৰা প্ৰপাৰ্টি, য'ত blur বা sepia আদি ফাংচন খালী স্থানেৰে পৃথক কৰি লিখা হয়।
- px (পিক্সেল):blur ফাংচনে ব্লাৰৰ ব্যাসাৰ্ধ px-ত নিৰ্দিষ্ট কৰা ফাংচন, 4px দিলে ৪ পিক্সেলৰ ব্যাসাৰ্ধৰ পৰিসৰত ৰং মিহলি হয়।
- % (শতাংশ):brightness আৰু sepia ফাংচনে প্ৰভাৱৰ তীব্ৰতা %-ত নিৰ্দিষ্ট কৰা ফাংচন, brightness-ত 100% মূল উজ্জ্বলতা, 120% মানে ২০% অধিক উজ্জ্বল।
- deg (ডিগ্ৰী):hue-rotate ফাংচনে ৰং চক্ৰত ৰং ঘূৰোৱা কোণ deg-ত নিৰ্দিষ্ট কৰা ফাংচন, 180deg দিলে ৰং বিপৰীত হিউলৈ যায়।
কিয় লিখাৰ ক্ৰমৰ ওপৰত ফলাফল নিৰ্ভৰ কৰে
filter-ত সজোৱা ফাংচনবোৰ বাওঁৰ পৰা সোঁলৈ প্ৰয়োগ হয়, আগৰ প্ৰভাৱৰ ফলাফলৰ ওপৰত পিছৰ প্ৰভাৱ প্ৰয়োগ হোৱাৰ বাবে, ক্ৰম সলনি কৰিলে ৰূপো সলনি হ'ব পাৰে। যেনে, ব্লেক এণ্ড হোৱাইট কৰাৰ পিছত সেপিয়া দিলে বৰণীয়া ৰং থাকি যায়, আৰু সেপিয়া দিয়াৰ পিছত ব্লেক এণ্ড হোৱাইট কৰিলে বৰণীয়া ৰং আঁতৰি যায়। এই সঁজুলিত প্ৰয়োগৰ ক্ৰম স্থিৰ হলেও, সৃষ্টি হোৱা CSS ক'ড সম্পাদনা কৰি ক্ৰম সলনি কৰিব পাৰি।
backdrop-filter-ৰ সৈতে পাৰ্থক্য
filter আৰু backdrop-filter একে ফাংচন ব্যৱহাৰ কৰা প্ৰপাৰ্টি, কিন্তু প্ৰভাৱ প্ৰয়োগ হোৱা লক্ষ্য বেলেগ।
- filter:filter হৈছে নিৰ্দিষ্ট উপাদানটোৰ (ছবি, লিখনি আদি) নিজৰ ৰূপত প্ৰভাৱ প্ৰয়োগ কৰা প্ৰপাৰ্টি।
- backdrop-filter:backdrop-filter হৈছে নিৰ্দিষ্ট উপাদানৰ পাছফালে দেখা অংশত প্ৰভাৱ প্ৰয়োগ কৰা প্ৰপাৰ্টি, যি সাধাৰণতে পানীৰে ঢুকোৱা কাঁচৰ দৰে প্ৰভাৱত ব্যৱহাৰ হয়।
সুৰক্ষা আৰু গোপনীয়তা
ব্ৰাউজাৰতে সম্পূৰ্ণ
ইনপুট ডেটা কেৱল আপোনাৰ ব্ৰাউজাৰৰ ভিতৰতে প্ৰচেছ কৰা হয় আৰু বাহিৰলৈ পঠোৱা নহয়।
কেৱল ব্ৰাউজাৰতে প্ৰক্ৰিয়াকৰণ
ছবি প্ৰদৰ্শন আৰু CSS ক'ড সৃষ্টি সম্পূৰ্ণৰূপে আপোনাৰ ব্ৰাউজাৰত সম্পন্ন হয়, ইনপুট ডেটা চাৰ্ভাৰলৈ প্ৰেৰণ কৰা নহয়।
HTTPS-এৰে যোগাযোগ এনক্ৰিপ্ট কৰা হয়
পৃষ্ঠা লোড কৰাও TLS-এৰে এনক্ৰিপ্ট কৰা হয়, তৃতীয় পক্ষই বিষয়বস্তু পঢ়িব নোৱাৰে।
তৃতীয় পক্ষলৈ প্ৰেৰণ নাই
বিজ্ঞাপন নেটৱৰ্ক বা ট্ৰেকাৰৰ দৰে বাহ্যিক সেৱালৈ ইনপুট বিষয়বস্তু প্ৰেৰণ কৰা নহয়।
ফলাফল স্বয়ংক্ৰিয়ভাৱে সংৰক্ষণ নহয়
বাছনি কৰা ছবি বা প্ৰভাৱৰ মান বা ইনপুট পৰামৰ্শ চাৰ্ভাৰত সংৰক্ষণ কৰা নহয়।
Google অনুসন্ধানত RAKKOTOOLS ফলো কৰক
191টা সুবিধাজনক টুল, Google অনুসন্ধান আৰু AI অনুসন্ধানৰ পৰা সহজে বিচাৰি পাব পাৰিব!
- অনুসন্ধানত পোৱা যায়
- AI অনুসন্ধানতো দেখুৱায়
- নতুন টুলো আৱিষ্কাৰ কৰক
আপডেট তথ্য
- update #326
CSS ফিল্টাৰ জেনেৰেটৰ যোগ কৰা হ'ল, ব্লাৰ আৰু উজ্জ্বলতা সাজু কৰি জেনেৰেট কৰক
