হোভার প্রভাব কি?

2024 লেখক: Lynn Donovan | [email protected]. সর্বশেষ পরিবর্তিত: 2023-12-15 23:44

হোভার ইফেক্ট : পপ এবং ব্যাকগ্রাউন্ড অ্যানিমেট। হোভার প্রভাব একটি পণ্যের জন্য। একটি চিত্র পপ আপ এবং ডাউন, এবং তারপর পটভূমি স্লাইড আউট এবং অ্যানিমেট.

এছাড়াও জানুন, ছবি ঘোরাফেরা করার সময় আপনি কীভাবে টেক্সট দেখাবেন?

শুধুমাত্র CSS3 ব্যবহার করে হোভারে একটি চিত্রের উপরে একটি অ্যানিমেটেড পাঠ্য কীভাবে প্রদর্শন করবেন

1. এইচটিএমএল তৈরি করুন ব্যবহার করে আপনার ছবি যোগ করুন

   ট্যাগ এবং পাঠ্য। প্রথমত, আপনি ব্যবহার করে আপনার ইমেজ যোগ করা উচিত

   ট্যাগ

2. CSS¶ সেট তৈরি করুন: হোভার সিলেক্টর। হোভারের প্রভাব:hover pseudo-class ব্যবহার করে সেট করা হয় যা উপাদানটিকে নির্বাচন ও স্টাইল করে।

কেউ প্রশ্ন করতে পারে, আপনি কিভাবে হোভার ব্যবহার করেন? আপনি যখন তাদের উপর মাউস মাউস করেন তখন উপাদান নির্বাচন করতে:হোভার নির্বাচক ব্যবহার করা হয়।

1. টিপ::হোভার নির্বাচক শুধুমাত্র লিঙ্কগুলিতে নয়, সমস্ত উপাদানগুলিতে ব্যবহার করা যেতে পারে।
2. টিপ: অনাভিদর্শিত পৃষ্ঠাগুলির স্টাইল লিঙ্কের জন্য:লিঙ্ক নির্বাচক, পরিদর্শন করা পৃষ্ঠাগুলির স্টাইল লিঙ্কগুলির জন্য:ভিজিটেড নির্বাচক এবং সক্রিয় লিঙ্কটিকে স্টাইল করতে:সক্রিয় নির্বাচক ব্যবহার করুন৷

এখানে, আপনি কিভাবে CSS এ একটি চিত্র হোভার করবেন?

উত্তর: CSS ব্যাকগ্রাউন্ড-ইমেজ প্রপার্টি ব্যবহার করুন

1. সিএসএস-এ হোভারে চিত্র পরিবর্তন করুন
2. কার্ড {
3. প্রস্থ: 130px;
4. উচ্চতা: 195px;
5. ব্যাকগ্রাউন্ড: url("images/card-back.jpg") নো-রিপিট;
6. প্রদর্শন: ইনলাইন-ব্লক;
7. }

আমি কিভাবে হোভার পরিত্রাণ পেতে পারি?

হোভার প্রভাব নিষ্ক্রিয় করতে, আমি দুটি পরামর্শ পেয়েছি:

1. যদি আপনার হোভার প্রভাব জাভাস্ক্রিপ্ট দ্বারা ট্রিগার হয়, শুধু $ ব্যবহার করুন। unbind('হোভার');
2. যদি আপনার হোভার শৈলী ক্লাস দ্বারা ট্রিগার হয়, তাহলে শুধু $ ব্যবহার করুন। RemoveClass('hoverCssClass');