कुंजी तकिए
- एलिमेंटर के लिए मास्टर एडॉन्स इमेज होवर इफेक्ट्स विजेट में 30 इमेज होवर इफेक्ट्स हैं, प्रत्येक को कंटेंट टैब में एक होवर इफेक्ट ड्रॉपडाउन से नाम से चुना गया है।
- आठ छवि होवर प्रभाव मास्टर एडॉन्स प्रो के बिना काम करते हैं: लिली, सैडी, रॉक्सी, बुब्बा, रोमियो, लैला, हनी और ऑस्कर अन्य २२ प्रभावों को प्रो की आवश्यकता है।
- 30 छवि होवर प्रभावों में से अधिकांश एक शीर्षक और एक विवरण दिखाते हैं, छह सामाजिक आइकन भी दिखाते हैं, हनी एक उप शीर्षक का उपयोग करता है और जूलिया पाठ की तीन अलग-अलग पंक्तियाँ दिखाती है।
- विजेट में प्रत्येक छवि होवर प्रभाव सीएसएस के साथ बनाया गया है, और प्रत्येक विजेट में एक छवि होती है, इसलिए कई विजेट से होवर कार्ड का एक ग्रिड बनाया जाता है।
- टच स्क्रीन पर, छवि होवर प्रभाव आमतौर पर पहले टैप पर दिखाई देते हैं, और दूसरा टैप लिंक का अनुसरण करता है।
छवि होवर प्रभाव एनिमेशन हैं जो तब चलते हैं जब सूचक किसी चित्र पर चलता है, अक्सर शीर्षक और विवरण प्रकट करने के लिए नीचे उनमें से 30 हैं, सभी से छवि होवर प्रभाव विजेट एलिमेंटर के लिए, प्रत्येक एक वास्तविक पृष्ठ पर अपने होवर राज्य में कब्जा कर लिया गया है यह क्या दिखाता है और यह कहां फिट बैठता है, इसके द्वारा एक प्रभाव लेने के लिए सूची का उपयोग करें।
प्रभाव विजेट में नाम से जाते हैं, इसलिए नीचे दिए गए नाम हैं जो आप ड्रॉपडाउन में देखेंगे पहले आठ हर योजना पर काम करते हैं और बाकी को मास्टर एडॉन्स प्रो की आवश्यकता होती है।
विषय-सूची
इन उदाहरणों को कैसे पढ़ें
प्रत्येक उदाहरण कार्ड दिखाता है जबकि सूचक इसके ऊपर है होवर से पहले, छवि सादा है, या केवल शीर्षक दिखाता है, प्रभाव के आधार पर प्रत्येक छवि के नीचे की रेखा कहती है कि स्क्रीन पर क्या है और एक उपयोग का सुझाव देता है।
पाठ, रंग और फोंट सभी आपके बदलने के लिए हैं क्या एक प्रभाव ठीक करता है ओवरले का लेआउट और यह कैसे आता है।
८ प्रभाव जो प्रो के बिना काम करते हैं
ड्रॉपडाउन में पहले आठ प्रभाव हर योजना पर उपलब्ध हैं हनी को छोड़कर सभी आठों में एक शीर्षक और एक विवरण है, जो एक उप शीर्षक के साथ शीर्षक दिखाता है।
1. लिली
शीर्षक और विवरण एक हल्के से मंद छवि पर नीचे बाएं कोने में बैठते हैं यह पोर्टफोलियो थंबनेल के अनुरूप है जहां फोटो को फोकस रहना चाहिए।
2. सैडी
शीर्षक केंद्रित है और विवरण नीचे की ओर दिखाई देता है क्योंकि एक टिंट छवि को कवर करता है यह एक छोटी टैगलाइन के साथ गंतव्य टाइल्स और श्रेणी कार्ड के अनुरूप है।
3. रॉक्सी
एक पतली फ्रेम शीर्षक और विवरण के साथ छवि के अंदर खींचा जाता है, जिसमें केंद्रित है यह उत्पाद या सेवा टाइल्स के अनुरूप है जो एक साफ, बॉक्सिंग लुक की आवश्यकता है।
4. बुब्बा
केंद्र के चारों ओर एक फ्रेम खींचा जाता है और शीर्षक और विवरण इसके अंदर बैठते हैं यह लिस्टिंग के अनुरूप है जहां प्रत्येक कार्ड में एक नाम और विवरण की एक पंक्ति होती है।
5. रोमियो
दो पतली रेखाएं छवि को पार करती हैं, केंद्र के ऊपर शीर्षक और नीचे विवरण के साथ यह एक मजबूत तस्वीर के साथ संपत्ति और परियोजना कार्ड के अनुरूप है।
6. लैला
क्षैतिज और ऊर्ध्वाधर रेखाएं शीर्षक और विवरण के चारों ओर एक खुला फ्रेम बनाती हैं यह इंटीरियर, वास्तुकला और गैलरी ग्रिड के अनुरूप है।
7. शहद
शीर्षक और उप शीर्षक एक रंगीन पट्टी के ऊपर, नीचे एक पंक्ति साझा करते हैं। यह मेनू श्रेणियों और लघु लेबलों के लिए उपयुक्त है। शहद ही एकमात्र प्रभाव है जो उप शीर्षक फ़ील्ड का उपयोग करता है।
8. ऑस्कर
छवि गहरा हो जाती है और शीर्षक और विवरण केंद्रित के साथ एक फ्रेम दिखाई देता है यह दुकान श्रेणियों और पाठ की दो छोटी पंक्तियों के साथ किसी भी कार्ड के अनुरूप है।
उन्हें खुद मँडराओ। द छवि होवर प्रभाव विजेट पृष्ठ लाइव कार्ड के रूप में इन आठ प्रभावों है।
22 प्रो प्रभाव
शेष २२ प्रभावों को मास्टर एडॉन्स प्रो की आवश्यकता है उनमें से छह सामाजिक आइकन जोड़ते हैं, और एक, जूलिया, पाठ की तीन लाइनें दिखाता है।
9. मार्ले
शीर्षक शीर्ष दाईं ओर बैठता है, इसके नीचे एक रेखा चलती है और विवरण नीचे दाईं ओर दिखाई देता है यह संपादकीय लेआउट और पत्रिका शैली कार्ड के अनुरूप है।
10. रूबी
शीर्षक एक सीमाबद्ध बॉक्स के ऊपर रहता है जो विवरण रखता है यह फीचर टाइल्स के अनुरूप है जहां विवरण कार्रवाई के लिए कॉल है।
11. मिलो
विवरण एक ऊर्ध्वाधर रेखा के बगल में शीर्ष दाईं ओर बैठता है, और शीर्षक नीचे दाईं ओर है यह एक कैप्शन और एक क्रेडिट के साथ छवि कार्ड सूट करता है।
12. डेक्सटर
शीर्षक शीर्ष पर है और नीचे एक मोटी फ्रेम विवरण रखती है यह बोल्ड प्रचार टाइल्स के अनुरूप है।
13. सारा
शीर्षक इसके नीचे एक पंक्ति के साथ शीर्ष बाईं ओर है, और विवरण नीचे दिया गया है यह ब्लॉग शैली कार्ड और केस स्टडी टीज़र के अनुरूप है।
14. ज़ो
शीर्षक और सामाजिक चिह्नों के साथ एक रंगीन पट्टी नीचे से उठती है, और विवरण उसके ऊपर बैठता है। यह टीम के सदस्यों और लेखक कार्डों के लिए उपयुक्त है।
15. चिको
छवि एक फ्रेम के अंदर अंधेरा हो जाती है, शीर्षक और विवरण केंद्रित है यह अंधेरे, सिनेमाई दीर्घाओं के अनुरूप है।
16. जूलिया
शीर्षक ऊपर बाईं ओर है और इसके नीचे तीन छोटी लाइनें दिखाई देती हैं, प्रत्येक अपने स्वयं के लेबल पर यह उन कार्डों के अनुरूप है जिन्हें कुछ बुलेट जैसे तथ्यों की आवश्यकता होती है जूलिया के पास इन पंक्तियों के लिए अपना पुनरावर्तक है।
17. गोलियथ
एक अंधेरे पैनल छवि के निचले हिस्से को कवर करता है और शीर्षक और विवरण रखता है यह लंबे समय तक विवरण के साथ कार्ड सूट करता है जिसे ठोस पृष्ठभूमि की आवश्यकता होती है।
18. हेरा
शीर्षक और चार सामाजिक चिह्नों के साथ केंद्र में एक हीरे की रूपरेखा दिखाई देती है। यह प्रोफ़ाइल चित्रों और सामाजिक लिंक कार्ड के लिए उपयुक्त है।
19. विंस्टन
शीर्षक शीर्ष पर है और सामाजिक आइकन की एक पंक्ति नीचे के साथ दिखाई देती है यह टीम ग्रिड के अनुरूप है जहां प्रत्येक व्यक्ति के पास सामाजिक प्रोफाइल हैं।
20. सेलेना
छवि एक फ्रेम के अंदर सिकुड़ती है जबकि शीर्षक और विवरण शीर्ष के पास बैठते हैं यह लुकबुक और उत्पाद फोटोग्राफी के अनुरूप है।
21. टेरी
छवि एक अंधेरे पृष्ठभूमि पर एक छोटी खिड़की में चलती है, नीचे बाईं ओर शीर्षक और सामाजिक आइकन के साथ यह स्पीकर और स्टाफ कार्ड के अनुरूप है।
22. फोएबे
शीर्षक सीधे इसके नीचे सामाजिक चिह्नों की एक पंक्ति के साथ केंद्रित है। यह सरल प्रोफ़ाइल कार्ड के लिए उपयुक्त है।
23. अपोलो
शीर्षक शीर्ष दाईं ओर बैठता है और एक छोटी ऊर्ध्वाधर रेखा के बगल में नीचे दाईं ओर विवरण यह न्यूनतम पोर्टफोलियो टाइल्स के अनुरूप है।
24. किरा
शीर्षक इसके तहत एक प्रकाश पैनल में सामाजिक आइकन के साथ शीर्ष पर है, इसके बाद विवरण यह एक पंक्ति की भूमिका के साथ टीम के सदस्यों के अनुरूप है।
25. स्टीव
शीर्षक और विवरण प्रत्येक छवि में अपने स्वयं के सफेद पट्टी पर दिखाई देते हैं यह व्यस्त तस्वीरों पर उच्च विपरीत लेबल सूट करता है।
26. मूसा
शीर्षक ऊपर बाईं ओर एक बॉक्स में बैठता है और नीचे दाईं ओर दूसरे बॉक्स में विवरण यह दो-भाग लेबल जैसे नाम और कीमत के अनुरूप है।
27. जैज़
शीर्षक और विवरण केंद्रित हैं, और विकर्ण रेखाएं कोनों में कटौती करती हैं यह घटना और संगीत कलाकृति के अनुरूप है।
28. मिंग
विवरण के ऊपर शीर्षक के साथ केंद्र के चारों ओर एक फ्रेम है। यह पुरस्कार या प्रमाणपत्र जैसे औपचारिक कार्डों के लिए उपयुक्त है।
29. लेक्सी
शीर्षक ऊपर बाईं ओर है, और विवरण एक घुमावदार रेखा के अंदर नीचे दाईं ओर बैठता है यह चंचल उत्पाद और जीवन शैली टाइल्स के अनुरूप है।
30. ड्यूक
शीर्षक शीर्ष पर है और विवरण नीचे बाईं ओर एक बॉक्स में बैठता है यह एक छोटे लेबल के साथ कार्ड सूट करता है जिसे टैग की तरह पढ़ना चाहिए।
एक तालिका में सभी ३० छवि होवर प्रभाव
यह तालिका अपने द्वारा दिखाई गई टेक्स्ट परतों के साथ प्रत्येक प्रभाव को सूचीबद्ध करती है और क्या इसे प्रो की आवश्यकता है।
| प्रभाव | होवर पर दिखाता है | जरूरतमंदों के लिए जरूरत |
|---|---|---|
| कुमुदिनी | शीर्षक और विवरण | नहीं |
| सैडी | शीर्षक और विवरण | नहीं |
| रॉक्सी | शीर्षक और विवरण | नहीं |
| बुब्बा | शीर्षक और विवरण | नहीं |
| रोमियो | शीर्षक और विवरण | नहीं |
| लैला | शीर्षक और विवरण | नहीं |
| मधु | शीर्षक और उप शीर्षक | नहीं |
| ऑस्कर | शीर्षक और विवरण | नहीं |
| मार्ले | शीर्षक और विवरण | हाँ |
| रूबी | शीर्षक और विवरण | हाँ |
| मिलो | शीर्षक और विवरण | हाँ |
| दाढ़ी | शीर्षक और विवरण | हाँ |
| सारा | शीर्षक और विवरण | हाँ |
| ज़ोए | शीर्षक, विवरण और सामाजिक चिह्न | हाँ |
| चिको | शीर्षक और विवरण | हाँ |
| जूलिया | Title and three lines | हाँ |
| गोलियत | शीर्षक और विवरण | हाँ |
| हेरा | Title and social icons | हाँ |
| विंस्टन | Title and social icons | हाँ |
| सेलेना | शीर्षक और विवरण | हाँ |
| टेरी | Title and social icons | हाँ |
| फ़ोबे | Title and social icons | हाँ |
| अपोलो | शीर्षक और विवरण | हाँ |
| किरा | शीर्षक, विवरण और सामाजिक चिह्न | हाँ |
| स्टीव | शीर्षक और विवरण | हाँ |
| क़बीलेदार | शीर्षक और विवरण | हाँ |
| जैज़ | शीर्षक और विवरण | हाँ |
| मिंग | शीर्षक और विवरण | हाँ |
| लेक्सी | शीर्षक और विवरण | हाँ |
| ड्यूक | शीर्षक और विवरण | हाँ |
एलिमेंटर में इनमें से एक प्रभाव कैसे जोड़ें
Adding an effect takes one widget and one dropdown.
- Edit your page with Elementor and drag the छवि होवर प्रभाव widget onto it.
- Upload the image under प्रभाव एवं छवि.
- Pick the effect by name from होवर प्रभाव.
- Fill in the शीर्षक और विवरण. Effects with icons show a Social Links section as well.
- सेट लिंक या पॉपअप? if a click should lead somewhere.
For a grid, place one widget per column and use the same effect across the row. Our step by step guide to एलिमेंटर में छवि होवर प्रभाव जोड़ना covers the built-in options too. For captions that stay on the image, see छवि पर एलिमेंट टेक्स्ट.
अक्सर पूछे जाने वाले प्रश्न
What are image hover effects?
Image hover effects are animations that run when a visitor moves the pointer over an image. The image may zoom, darken or change colour, and a title or description often slides or fades in over it. They are also called image rollover effects or image overlays.
Which image hover effects work without Master Addons Pro?
Eight of the 30: Lily, Sadie, Roxy, Bubba, Romeo, Layla, Honey and Oscar. They are the first eight entries in the Hover Effect dropdown. The remaining 22, from Marley to Duke, need Master Addons Pro.
Can I use a different hover effect on each image?
Yes. Each Image Hover Effects widget holds one image and one effect, so every card in a grid can have its own. For a tidy page, keep one effect per row or per section.
Do these image hover effects need custom CSS?
No. You pick the effect from a dropdown and the widget supplies the CSS. Colours, opacity and typography are set in the Style tab. If you prefer to write the CSS yourself, a few lines on Elementor’s Image widget can produce simple effects such as zoom or grayscale.
Which hover effect is best for a team section?
Effects with social icons fit team cards: Zoe, Hera, Winston, Terry, Phoebe and Kira. Zoe and Kira also show a description, which works as the person’s role. All six need Master Addons Pro.
अंतिम विचार
These 30 image hover effects cover most layouts you will need: corner captions, centred frames, bars, panels and icon rows. Pick by the text you have. One short title suits Lily or Oscar, a longer description suits Goliath, and social links call for Zoe or Winston.
द छवि होवर प्रभाव विजेट पृष्ठ has live cards to try, and the मूल्य निर्धारण पृष्ठ lists the plans that include all 30.
संबंधित पढ़ने
