কিভাবে CSS “ডিসপ্লে” + “অস্বচ্ছতা” প্রপার্টি ট্রানজিশন করবেন

ধাপ 2: 'প্রদর্শন' বৈশিষ্ট্য সেট করুন

এরপর, ক্লাসের নাম ব্যবহার করে div কন্টেইনার অ্যাক্সেস করুন “ প্রধান আইটেম 'এবং সেট করুন' প্রদর্শন 'সম্পত্তি:

এখানে, এর মান “ প্রদর্শন ' সম্পত্তি হিসাবে সেট করা হয়েছে ' ব্লক সমস্ত স্ক্রীন প্রস্থ নেওয়ার জন্য।

ধাপ 3: ব্যাকগ্রাউন্ড ইমেজ যোগ করুন

এর পরে, অ্যাক্সেস করা ডিভি কন্টেইনারে নিম্নলিখিত CSS বৈশিষ্ট্যগুলি প্রয়োগ করুন:

উপরে বর্ণিত কোড স্নিপেটে:

• ' উচ্চতা ' এবং ' প্রস্থ ” বৈশিষ্ট্য সংজ্ঞায়িত উপাদানের আকার নির্ধারণ করে।
• ' ব্যাকগ্রাউন্ড-ইমেজ ' CSS প্রপার্টি ব্যবহার করা হয় একটি ইমেজ সন্নিবেশ করার জন্য ' url() ” উপাদানের পিছনের দিকে ফাংশন।
• ' অস্বচ্ছতা ” একটি উপাদানের জন্য অস্বচ্ছতার মাত্রা নির্ধারণ করে। অস্বচ্ছতা স্তর স্বচ্ছতা স্তর প্রদর্শন করে, যেখানে ' 1 'কোন স্বচ্ছতার জন্য ব্যবহৃত হয়, এবং ' 0.5 ' জন্য ' পঞ্চাশ% ' স্বচ্ছতা.
• ' স্থানান্তর ” CSS-এ ব্যবহারকারীদের একটি নির্দিষ্ট সময়কাল ধরে সম্পত্তির মান পরিবর্তন করার অনুমতি দেয়।
• ' মার্জিন ” একটি উপাদানের চারপাশে সংজ্ঞায়িত সীমানার বাইরে স্থান সংজ্ঞায়িত করে।

আউটপুট

ধাপ 4: ':হোভার' সিউডো সিলেক্টর প্রয়োগ করুন

এখন, ডিভ পাত্রে প্রবেশ করুন ' : ঘোরা ' ছদ্ম নির্বাচক যা উপাদান নির্বাচন করার জন্য ব্যবহার করা হয় যখন আমরা তাদের উপর মাউস হভার করি:

তারপর, সেট করুন ' অস্বচ্ছতা ' হিসাবে নির্বাচিত উপাদানটির ' 1 'স্বচ্ছতা অপসারণ করতে।

আউটপুট

এটি হল ট্রানজিশন সিএসএস 'ডিসপ্লে' এবং 'অস্বচ্ছতা' বৈশিষ্ট্যগুলি সেট করার বিষয়ে।

উপসংহার

ট্রানজিশন 'প্রদর্শন' এবং 'অস্বচ্ছতা' বৈশিষ্ট্য সেট করতে, প্রথমে,