কী টেকঅ্যাওয়ে
- এলিমেন্টরের জন্য মাস্টার অ্যাডনস ইমেজ হোভার ইফেক্টস উইজেটে 30টি ইমেজ হোভার ইফেক্ট রয়েছে, প্রতিটি কন্টেন্ট ট্যাবে একটি হোভার ইফেক্ট ড্রপডাউন থেকে নাম অনুসারে বেছে নেওয়া হয়েছে।
- মাস্টার অ্যাডনস প্রো ছাড়া আটটি ইমেজ হোভার ইফেক্ট কাজ করে: লিলি, স্যাডি, রক্সি, বুব্বা, রোমিও, লায়লা, হানি এবং অস্কার। অন্য 22টি প্রভাবের জন্য প্রো প্রয়োজন।
- 30টি ইমেজ হোভার ইফেক্টের বেশিরভাগই একটি শিরোনাম এবং একটি বিবরণ দেখায়, ছয়টি সামাজিক আইকনও দেখায়, হানি একটি উপ শিরোনাম ব্যবহার করে এবং জুলিয়া পাঠ্যের তিনটি পৃথক লাইন দেখায়।
- উইজেটের প্রতিটি ইমেজ হোভার ইফেক্ট সিএসএস দিয়ে তৈরি করা হয়েছে এবং প্রতিটি উইজেটে একটি করে ছবি রয়েছে, তাই বেশ কয়েকটি উইজেট থেকে হোভার কার্ডের একটি গ্রিড তৈরি করা হয়েছে।
- টাচ স্ক্রিনে, ইমেজ হোভার ইফেক্ট সাধারণত প্রথম ট্যাপে প্রদর্শিত হয় এবং দ্বিতীয় ট্যাপ লিঙ্কটি অনুসরণ করে।
ইমেজ হোভার ইফেক্ট হল অ্যানিমেশন যা পয়েন্টার যখন একটি ছবির উপর চলে যায়, প্রায়শই একটি শিরোনাম এবং বিবরণ প্রকাশ করতে চলে। নীচে তাদের 30টি, সবগুলি থেকে ইমেজ হোভার ইফেক্ট উইজেট এলিমেন্টরের জন্য, প্রতিটি একটি বাস্তব পৃষ্ঠায় তার হোভার অবস্থায় ক্যাপচার করা হয়েছে। এটি কী দেখায় এবং এটি কোথায় ফিট করে তার দ্বারা একটি প্রভাব বাছাই করতে তালিকাটি ব্যবহার করুন।
প্রভাবগুলি উইজেটে নাম অনুসারে যায়, তাই নীচের নামগুলি আপনি ড্রপডাউনে দেখতে পাবেন। প্রতিটি প্ল্যানে প্রথম আটটি কাজ এবং বাকিগুলির জন্য মাস্টার অ্যাডঅন প্রো প্রয়োজন।
বিষয়বস্তুর সারণী
কিভাবে এই উদাহরণ পড়তে
পয়েন্টার এটির উপরে থাকাকালীন প্রতিটি উদাহরণ কার্ডটি দেখায়। ঘোরানোর আগে, চিত্রটি সরল, বা প্রভাবের উপর নির্ভর করে শুধুমাত্র শিরোনাম দেখায়। প্রতিটি ছবির নিচের লাইনটি স্ক্রিনে কী আছে তা বলে এবং ব্যবহারের পরামর্শ দেয়।
টেক্সট, রং এবং ফন্ট সব পরিবর্তন আপনার। ওভারলে এর বিন্যাস এবং এটি কিভাবে আসে তা কী প্রভাব ঠিক করে।
8টি প্রভাব যা প্রো ছাড়া কাজ করে
ড্রপডাউনের প্রথম আটটি প্রভাব প্রতিটি পরিকল্পনায় উপলব্ধ। হানি ছাড়া আটটিরই একটি শিরোনাম এবং একটি বিবরণ রয়েছে, যা একটি উপ শিরোনাম সহ শিরোনাম দেখায়।
1. লিলি
শিরোনাম এবং বিবরণ একটি হালকা আবছা চিত্রের উপরে নীচে বাম কোণে বসে আছে। এটি পোর্টফোলিও থাম্বনেইলের জন্য উপযুক্ত যেখানে ফটোটি ফোকাস থাকা উচিত।
2. সাদি
শিরোনামটি কেন্দ্রীভূত এবং বর্ণনাটি নীচের দিকে প্রদর্শিত হয় কারণ একটি আভা ছবিটিকে ঢেকে রাখে। এটি একটি ছোট ট্যাগলাইন সহ গন্তব্য টাইলস এবং বিভাগ কার্ডের জন্য উপযুক্ত।
3. রক্সি
শিরোনাম এবং বর্ণনাকে কেন্দ্র করে ছবির ভিতরে একটি পাতলা ফ্রেম আঁকা হয়েছে। এটি পণ্য বা পরিষেবা টাইলসের জন্য উপযুক্ত যা একটি পরিপাটি, বাক্সযুক্ত চেহারা প্রয়োজন।
4. বুব্বা
কেন্দ্রের চারপাশে একটি ফ্রেম আঁকা হয় এবং শিরোনাম এবং বিবরণ এটির ভিতরে বসে। এটি তালিকার জন্য উপযুক্ত যেখানে প্রতিটি কার্ড একটি নাম এবং বিস্তারিত একটি লাইন বহন করে।
5. রোমিও
কেন্দ্রের উপরে শিরোনাম এবং নীচের বিবরণ সহ দুটি পাতলা লাইন ছবিটিকে অতিক্রম করে। এটি একটি শক্তিশালী ফটো সহ সম্পত্তি এবং প্রকল্প কার্ডের জন্য উপযুক্ত।
6. লায়লা
অনুভূমিক এবং উল্লম্ব রেখাগুলি শিরোনাম এবং বর্ণনার চারপাশে একটি খোলা ফ্রেম তৈরি করে। এটি অভ্যন্তরীণ, স্থাপত্য এবং গ্যালারি গ্রিডের জন্য উপযুক্ত।
7. মধু
শিরোনাম এবং উপ শিরোনাম একটি রঙিন বারের উপরে নীচে একটি লাইন ভাগ করে। এটি মেনু বিভাগ এবং ছোট লেবেল অনুসারে। মধু হল একমাত্র প্রভাব যা সাব টাইটেল ক্ষেত্র ব্যবহার করে।
8. অস্কার
ছবিটি অন্ধকার হয়ে যায় এবং শিরোনাম এবং বর্ণনা কেন্দ্রিক একটি ফ্রেম প্রদর্শিত হয়। এটি দোকানের বিভাগ এবং পাঠ্যের দুটি ছোট লাইন সহ যেকোনো কার্ডের জন্য উপযুক্ত।
তাদের নিজেই ঘোরান। দ্য ইমেজ হোভার ইফেক্ট উইজেট পেজ লাইভ কার্ড হিসাবে এই আটটি প্রভাব আছে।
22 প্রো প্রভাব
বাকি 22টি প্রভাবের জন্য মাস্টার অ্যাডনস প্রো প্রয়োজন। তাদের মধ্যে ছয়টি সামাজিক আইকন যোগ করে এবং একটি, জুলিয়া, পাঠ্যের তিনটি লাইন দেখায়।
9. মার্লে
শিরোনামটি উপরের ডানদিকে বসে, এটির নীচে একটি লাইন চলে এবং বর্ণনাটি নীচে ডানদিকে প্রদর্শিত হয়। এটি সম্পাদকীয় লেআউট এবং ম্যাগাজিন শৈলী কার্ডের জন্য উপযুক্ত।
10. রুবি
শিরোনামটি একটি সীমানাযুক্ত বাক্সের উপরে থাকে যা বর্ণনা ধারণ করে। এটি বৈশিষ্ট্য টাইলসের জন্য উপযুক্ত যেখানে বর্ণনাটি একটি কল টু অ্যাকশন।
11. মিলো
বর্ণনাটি একটি উল্লম্ব লাইনের পাশে উপরের ডানদিকে বসে এবং শিরোনামটি নীচে ডানদিকে। এটি একটি ক্যাপশন এবং একটি ক্রেডিট সহ ইমেজ কার্ডের জন্য উপযুক্ত।
12. ডেক্সটার
শিরোনামটি শীর্ষে এবং নীচে একটি পুরু ফ্রেমে বর্ণনা রয়েছে। এটি সাহসী প্রচারমূলক টাইলস উপযুক্ত।
13. সারাহ
শিরোনামটি উপরে বাম দিকে একটি লাইন সহ, এবং বর্ণনাটি নীচে অনুসরণ করা হয়েছে। এটি ব্লগ শৈলী কার্ড এবং কেস স্টাডি টিজার উপযুক্ত।
14. জো
শিরোনাম এবং সামাজিক আইকন সহ একটি রঙিন বার নীচে থেকে উঠে আসে এবং বর্ণনাটি উপরে বসে। এটি দলের সদস্য এবং লেখক কার্ডের জন্য উপযুক্ত।
15. চিকো
শিরোনাম এবং বর্ণনা কেন্দ্রিক সহ একটি ফ্রেমের ভিতরে ছবিটি অন্ধকার হয়ে যায়। এটি অন্ধকার, সিনেমাটিক গ্যালারির জন্য উপযুক্ত।
16. জুলিয়া
শিরোনামটি উপরের বাম দিকে রয়েছে এবং এর নীচে তিনটি পর্যন্ত ছোট লাইন প্রদর্শিত হবে, প্রতিটি তার নিজস্ব লেবেলে। এটি এমন কার্ডগুলির জন্য উপযুক্ত যেগুলির জন্য কয়েকটি বুলেটের মতো তথ্য প্রয়োজন৷ এই লাইনগুলির জন্য জুলিয়ার নিজস্ব রিপিটার রয়েছে।
17. গোলিয়াথ
একটি অন্ধকার প্যানেল চিত্রের নীচের অংশ জুড়ে এবং শিরোনাম এবং বিবরণ ধারণ করে। এটি একটি কঠিন পটভূমি প্রয়োজন যে দীর্ঘ বিবরণ সঙ্গে কার্ড স্যুট।
18. হেরা
শিরোনাম এবং চারটি সামাজিক আইকন সহ কেন্দ্রে একটি হীরার রূপরেখা প্রদর্শিত হয়। এটি প্রোফাইল ছবি এবং সামাজিক লিঙ্ক কার্ডের জন্য উপযুক্ত।
19. উইনস্টন
শিরোনামটি শীর্ষে রয়েছে এবং নীচে সামাজিক আইকনগুলির একটি সারি প্রদর্শিত হবে। এটি টিম গ্রিডের জন্য উপযুক্ত যেখানে প্রতিটি ব্যক্তির সামাজিক প্রোফাইল রয়েছে।
20. সেলেনা
শিরোনাম এবং বিবরণ শীর্ষের কাছে বসে থাকাকালীন চিত্রটি একটি ফ্রেমের ভিতরে সঙ্কুচিত হয়। এটি লুকবুক এবং পণ্য ফটোগ্রাফির জন্য উপযুক্ত।
21. টেরি
ছবিটি একটি অন্ধকার পটভূমিতে একটি ছোট উইন্ডোতে চলে যায়, নীচে বাম দিকে শিরোনাম এবং সামাজিক আইকন রয়েছে৷ এটি স্পিকার এবং স্টাফ কার্ডের জন্য উপযুক্ত।
22. ফোবি
শিরোনামটি সরাসরি এর নীচে সামাজিক আইকনগুলির একটি সারি দিয়ে কেন্দ্রীভূত। এটি সাধারণ প্রোফাইল কার্ডের জন্য উপযুক্ত।
23. অ্যাপোলো
শিরোনামটি উপরের ডানদিকে এবং বর্ণনাটি নীচে ডানদিকে একটি ছোট উল্লম্ব লাইনের পাশে বসেছে। এটি ন্যূনতম পোর্টফোলিও টাইলসের জন্য উপযুক্ত।
24. কিরা
শিরোনামটি শীর্ষে রয়েছে সামাজিক আইকনগুলির সাথে একটি হালকা প্যানেলে, তার পরে বর্ণনা রয়েছে৷ এটি একটি লাইন ভূমিকা সঙ্গে দলের সদস্যদের উপযুক্ত।
25. স্টিভ
শিরোনাম এবং বিবরণ প্রতিটি চিত্র জুড়ে তাদের নিজস্ব সাদা বারে প্রদর্শিত হয়। এটি ব্যস্ত ফটোতে উচ্চ বৈসাদৃশ্য লেবেল অনুসারে উপযুক্ত।
26. মূসা
শিরোনামটি উপরের বাম দিকে একটি বাক্সে এবং নীচের ডানদিকে একটি দ্বিতীয় বাক্সে বিবরণটি বসে। এটি একটি নাম এবং একটি মূল্যের মতো দুটি অংশের লেবেলের জন্য উপযুক্ত৷।
27. জ্যাজ
শিরোনাম এবং বর্ণনা কেন্দ্রীভূত, এবং কোণ জুড়ে তির্যক রেখা কাটা। এটি ইভেন্ট এবং সঙ্গীত শিল্পকর্মের জন্য উপযুক্ত।
28. মিং
বর্ণনার উপরে শিরোনাম সহ কেন্দ্রের চারপাশে একটি ফ্রেম। এটি পুরষ্কার বা শংসাপত্রের মতো আনুষ্ঠানিক কার্ডের জন্য উপযুক্ত।
29. লেক্সি
শিরোনামটি উপরের বাম দিকে, এবং বর্ণনাটি একটি বাঁকা লাইনের ভিতরে নীচে ডানদিকে বসে। এটি কৌতুকপূর্ণ পণ্য এবং জীবনধারা টাইলস উপযুক্ত।
30. ডিউক
শিরোনামটি শীর্ষে এবং বর্ণনাটি নীচে বাম দিকে একটি বাক্সে বসে। এটি একটি ছোট লেবেল সহ কার্ডের জন্য উপযুক্ত যা একটি ট্যাগের মতো পড়া উচিত।
একটি টেবিলে সমস্ত 30টি চিত্র হোভার প্রভাব
এই সারণীটি এটি দেখায় পাঠ্য স্তরগুলির সাথে প্রতিটি প্রভাব তালিকাভুক্ত করে এবং এটির প্রো প্রয়োজন কিনা।
| প্রভাব | হোভারে দেখায় | প্রো প্রয়োজন |
|---|---|---|
| লিলি | শিরোনাম এবং বর্ণনা | না |
| দু:খ | শিরোনাম এবং বর্ণনা | না |
| রক্সি | শিরোনাম এবং বর্ণনা | না |
| বাজে | শিরোনাম এবং বর্ণনা | না |
| রোমিও | শিরোনাম এবং বর্ণনা | না |
| লায় | শিরোনাম এবং বর্ণনা | না |
| মধু | শিরোনাম এবং উপ শিরোনাম | না |
| কাদ | শিরোনাম এবং বর্ণনা | না |
| মার্লে | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| রক্তিম | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| বন্য | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| ডেক্সটার | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| সারা | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| zoe | শিরোনাম, বর্ণনা এবং সামাজিক আইকন | হ্যাঁ |
| চিকো | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| জুলিয়াস | শিরোনাম এবং তিনটি লাইন | হ্যাঁ |
| গোলা | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| রক্ষক | শিরোনাম এবং সামাজিক আইকন | হ্যাঁ |
| উইনস্টন | শিরোনাম এবং সামাজিক আইকন | হ্যাঁ |
| সীলেনা | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| টেরি | শিরোনাম এবং সামাজিক আইকন | হ্যাঁ |
| কাদা | শিরোনাম এবং সামাজিক আইকন | হ্যাঁ |
| প্রচার | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| কিরা | শিরোনাম, বর্ণনা এবং সামাজিক আইকন | হ্যাঁ |
| ত্তষ | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| মুসার | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| জ্যাজ | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| ঝঙ্কার | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| শব্দার্ধনী | শিরোনাম এবং বর্ণনা | হ্যাঁ |
| নৃক | শিরোনাম এবং বর্ণনা | হ্যাঁ |
এলিমেন্টরে এই প্রভাবগুলির মধ্যে একটি কীভাবে যুক্ত করবেন
একটি প্রভাব যোগ করতে একটি উইজেট এবং একটি ড্রপডাউন লাগে৷।
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন এবং টেনে আনুন ইমেজ হোভার প্রভাব এটা সম্মুখের উইজেট।
- নীচে ইমেজ আপলোড করুন প্রভাব এবং চিত্র.
- নাম অনুসারে প্রভাব চয়ন করুন হোভার ইফেক্ট.
- পূরণ করুন শিরোনাম এবং বর্ণনা। আইকনগুলির সাথে প্রভাবগুলি একটি সামাজিক লিঙ্ক বিভাগও দেখায়৷।
- সেট লিঙ্ক বা পপআপ? যদি একটি ক্লিক কোথাও নেতৃত্ব দেওয়া উচিত।
একটি গ্রিডের জন্য, প্রতি কলামে একটি উইজেট রাখুন এবং সারি জুড়ে একই প্রভাব ব্যবহার করুন। আমাদের ধাপে ধাপে নির্দেশিকা এলিমেন্টরে ইমেজ হোভার ইফেক্ট যোগ করা হচ্ছে অন্তর্নির্মিত বিকল্পগুলিও কভার করে। ছবিতে থাকা ক্যাপশনগুলির জন্য, দেখুন ইমেজের উপর এলিমেন্টর টেক্সট.
প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
ইমেজ হোভার প্রভাব কি?
ইমেজ হোভার ইফেক্ট হল অ্যানিমেশন যা চলে যখন একজন দর্শক একটি ছবির উপর পয়েন্টার নিয়ে যায়। ছবিটি জুম, গাঢ় বা রঙ পরিবর্তন করতে পারে এবং একটি শিরোনাম বা বিবরণ প্রায়শই এটির উপরে স্লাইড বা বিবর্ণ হয়ে যায়। এগুলিকে ইমেজ রোলওভার ইফেক্ট বা ইমেজ ওভারলেও বলা হয়।
মাস্টার অ্যাডনস প্রো ছাড়া কোন ইমেজ হোভার ইফেক্ট কাজ করে?
30 টির মধ্যে আটটি: লিলি, স্যাডি, রক্সি, বুব্বা, রোমিও, লায়লা, হানি এবং অস্কার। তারা হোভার ইফেক্ট ড্রপডাউনের প্রথম আটটি এন্ট্রি। বাকি 22, মার্লে থেকে ডিউক পর্যন্ত, মাস্টার অ্যাডনস প্রো প্রয়োজন।
আমি কি প্রতিটি ছবিতে একটি ভিন্ন হোভার প্রভাব ব্যবহার করতে পারি?
হ্যাঁ। প্রতিটি ইমেজ হোভার ইফেক্ট উইজেট একটি ইমেজ এবং একটি প্রভাব ধারণ করে, তাই একটি গ্রিডের প্রতিটি কার্ডের নিজস্ব থাকতে পারে। একটি পরিপাটি পৃষ্ঠার জন্য, প্রতি সারি বা প্রতি বিভাগে একটি প্রভাব রাখুন।
এই ইমেজ হোভার প্রভাব কাস্টম CSS প্রয়োজন?
না। আপনি ড্রপডাউন থেকে প্রভাব বাছাই করেন এবং উইজেট CSS সরবরাহ করে। রঙ, অস্বচ্ছতা এবং টাইপোগ্রাফি স্টাইল ট্যাবে সেট করা আছে। আপনি যদি নিজে CSS লিখতে পছন্দ করেন, তাহলে Elementor-এর ইমেজ উইজেটে কয়েকটি লাইন জুম বা গ্রেস্কেলের মতো সাধারণ প্রভাব তৈরি করতে পারে।
কোন হোভার প্রভাব একটি দলের বিভাগের জন্য সেরা?
সামাজিক আইকনগুলির সাথে প্রভাবগুলি টিম কার্ডগুলির সাথে মানানসই: জো, হেরা, উইনস্টন, টেরি, ফোবি এবং কিরা৷ জো এবং কিরা একটি বর্ণনাও দেখায়, যা ব্যক্তির ভূমিকা হিসাবে কাজ করে। ছয়জনেরই মাস্টার অ্যাডনস প্রো দরকার।
চূড়ান্ত চিন্তা
এই 30টি ইমেজ হোভার ইফেক্টগুলি আপনার প্রয়োজন হবে এমন বেশিরভাগ লেআউটগুলিকে কভার করে: কোণার ক্যাপশন, কেন্দ্রীভূত ফ্রেম, বার, প্যানেল এবং আইকন সারি৷ আপনার কাছে থাকা পাঠ্য অনুসারে বেছে নিন। একটি সংক্ষিপ্ত শিরোনাম লিলি বা অস্কারের জন্য উপযুক্ত, একটি দীর্ঘ বিবরণ গোলিয়াথের জন্য উপযুক্ত, এবং সামাজিক লিঙ্কগুলি জো বা উইনস্টনের জন্য কল করে।
দ্য ইমেজ হোভার ইফেক্ট উইজেট পেজ চেষ্টা করার জন্য লাইভ কার্ড আছে, এবং মূল্য পৃষ্ঠা সমস্ত 30টি অন্তর্ভুক্ত করে এমন পরিকল্পনাগুলির তালিকা করে৷।
সম্পর্কিত পড়া
