Wix हेल्प

आकर्षक माउस इफ़ेक्ट से अपने डिज़ाइन की इंटरैक्टिविटी बढ़ाएं। जिस एलिमेंट को आप हाइलाइट करना चाहते हैं, उसमें माउस इफ़ेक्ट जोड़ें—विज़िटर के कर्सर को मूव करने पर यह अपने-आप ट्रिगर हो जाता है।

हम कई अलग-अलग इफ़ेक्ट ऑफ़र करते हैं, जिन्हें आप अपने क्लाइंट की साइट के हिसाब से एडजस्ट कर सकते हैं, जैसे कि नीचे दिए गए इफ़ेक्ट।
Studio एडिटर में किसी एलिमेंट पर जोड़े जा सकने वाले अलग-अलग माउस इफ़ेक्ट के उदाहरण
ध्यान दें:
इन इफ़ेक्ट के लिए माउस कर्सर की ज़रूरत होती है, इसलिए ये टचस्क्रीन डिवाइस (जैसे मोबाइल फोन, टैबलेट आदि) पर प्ले नहीं होंगे।

किसी एलिमेंट में माउस इफ़ेक्ट जोड़ना

जिस एलिमेंट को आप एनिमेट करना चाहते हैं, उसे चुनें और उपलब्ध माउस इफ़ेक्ट में से कोई एक चुनने के लिए इंस्पेक्टर पैनल खोलें।

माउस इफ़ेक्ट जोड़ने के लिए:

  1. संबंधित एलिमेंट चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. एनिमेशन एंड इफ़ेक्ट्स टैब पर क्लिक करें।
  2. माउस इफ़ेक्ट्स पर क्लिक करें, फिर + ऐड पर क्लिक करें।
  3. कलेक्शन में से कोई इफ़ेक्ट चुनें।
  4. (वैकल्पिक) दिशा, दूरी और ईज़िंग जैसी सेटिंग्स को कस्टमाइज़ करने के लिए सबसे नीचे एडजस्ट एनिमेशन पर क्लिक करें।
Studio एडिटर के इंस्पेक्टर पैनल में माउस इफ़ेक्ट का प्रीव्यू देखना

माउस इफ़ेक्ट को कस्टमाइज़ करना

माउस इफ़ेक्ट चुनने के बाद, उसे अपनी पसंद के मुताबिक काम करने के लिए सेट अप करें। दूरी, दिशा, स्पीड, ईज़िंग और अन्य सेटिंग्स तय करने से आप इफ़ेक्ट को हल्का या ज़्यादा स्पष्ट बना सकते हैं।
ध्यान दें:
उपलब्ध कस्टमाइज़ेशन ऑप्शन आपके चुने गए इफ़ेक्ट पर निर्भर करते हैं।

माउस इफ़ेक्ट को कस्टमाइज़ करने के लिए:

  1. संबंधित एलिमेंट चुनें।
  2. एडिटर में सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. एनिमेशंस एंड इफ़ेक्ट्स टैब पर क्लिक करें।
  2. माउस इफ़ेक्ट्स के नीचे दिए गए इफ़ेक्ट को एडिट करने के लिए, उस पर क्लिक करें।
  3. इसकी सेटिंग्स बदलने के लिए, एडजस्ट एनिमेशन पर क्लिक करें:
    • डायरेक्शन: तय करें कि एलिमेंट माउस को फॉलो करे या नहीं।
      • फॉलो माउस: इससे एलिमेंट माउस कर्सर की मूवमेंट को फॉलो करता है।
      • इनवर्ट माउस: इससे एलिमेंट माउस की उलटी दिशा में मूव करता है। उदाहरण के लिए, माउस ऊपर जाने पर एलिमेंट नीचे जाता है।
    • डिस्टेंस: तय करें कि एलिमेंट कितनी दूर तक मूव कर सकता है (px, %, vh या vw में)।
    • वेलोसिटी: इफ़ेक्ट की स्पीड बदलने के लिए स्लाइडर ड्रैग करें—संख्या जितनी कम होगी, इफ़ेक्ट उतना ही तेज़ होगा।
    • मूवमेंट एक्सिस: तय करें कि एलिमेंट हॉरिज़ॉन्टली, वर्टिकली या दोनों एक्सिस पर मूव करे।
    • ईज़िंग: चुनें कि इफ़ेक्ट कितनी आसानी से शुरू और/या खत्म हो।
    • पर्सपेक्टिव: चुनें कि एलिमेंट विज़िटर के कर्सर से कितनी दूरी पर दिखाई दे। कम वैल्यू से ज़्यादा वैल्यू के मुकाबले अधिक इंटेंस 3D इफ़ेक्ट मिलेगा।
टिप:
साइट का प्रीव्यू खोले बिना सीधे कैनवास पर इफ़ेक्ट देखने के लिए, मूव माउस टू प्रीव्यू टॉगल इनेबल करें।
Studio एडिटर के इंस्पेक्टर पैनल में माउस इफ़ेक्ट एडजस्ट करना

माउस इफ़ेक्ट हटाना

आप इंस्पेक्टर पैनल से किसी भी समय माउस इफ़ेक्ट हटा सकते हैं।

माउस इफ़ेक्ट हटाने के लिए:

  1. संबंधित एलिमेंट चुनें।
  2. एडिटर के सबसे ऊपर दाईं ओर मौजूद ओपन इंस्पेक्टर आइकन पर क्लिक करें।
Studio एडिटर में इंस्पेक्टर पैनल खोलने का स्क्रीनशॉट।
  1. एनिमेशंस एंड इफ़ेक्ट्स टैब पर क्लिक करें।
  2. एनिमेशन पर होवर करें और मोर एक्शंस आइकन पर क्लिक करें।
  3. रिमूव पर क्लिक करें।
इंस्पेक्टर पैनल से माउस इफ़ेक्ट हटाना