प्रवेश एनिमेशन सेटिंग्स

एक पृष्ठ जहां सब कुछ बस वहां बैठता है एक पीडीएफ की तरह पढ़ता है एक पृष्ठ जहां अनुभाग आसानी से पहुंचते हैं जैसे आप उन तक पहुंचते हैं निर्मित महसूस करते हैं प्रवेश एनीमेशन में विस्तार एलिमेंट के लिए मास्टर ऐडऑन किसी भी तत्व के लिए उस गति को जोड़ता है: ७० एनिमेशन की लाइब्रेरी से एक प्रभाव चुनें, समय निर्धारित करें, और तत्व उस क्षण को एनिमेट करता है जब यह दृश्य में स्क्रॉल करता है यह मास्टर एडॉन्स प्रो का हिस्सा है, और एलिमेंट प्रवेश एनीमेशन एक्सटेंशन पेज दिखाता है कि यह एलिमेंट के अंतर्निहित विकल्प के साथ कैसे तुलना करता है।

यहाँ एक वास्तविक पृष्ठ पर प्रभाव है प्रत्येक अनुभाग फीका पड़ जाता है और व्यूपोर्ट में प्रवेश करते ही बढ़ जाता हैः

प्रवेश एनीमेशन एक्सटेंशन क्या करता है #

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

एनीमेशन लाइब्रेरी प्रवेश शैलियों की पूरी श्रृंखला को कवर करती हैः

• फीका पड़ना परिवार: सादा, नीचे, ऊपर, बाएँ और दाएँ, प्रत्येक में क्रमांकित विविधताएँ हैं जो यात्रा की दूरी को बदलती हैं।
• से स्लाइड दाएं, बाएं, ऊपर और नीचे।
• से मुखौटा ऊपर, नीचे, बाएँ और दाएँ, जो तत्व को पोंछते हैं।
• में घुमाएँ प्रत्येक कोने की ओर डाउन और अप वेरिएंट के साथ।
• ज़ूम इन और स्केल अप/स्केल डाउन गहराई के लिए परिवार।
• पलटना ऊपर, नीचे, बाएँ और दाएँ, प्लस पल्स इन, पल्स आउट, हिलाओ, बाउंस इन, और बॉक्स में जैक.

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया है का पालन करें स्थापना गाइड पहले।
• एक सक्रिय मास्टर एडॉन्स प्रो लाइसेंस, चूंकि प्रवेश एनीमेशन एक प्रो एक्सटेंशन है।

प्रवेश एनीमेशन एक्सटेंशन को कैसे सक्षम करें #

अपने वर्डप्रेस डैशबोर्ड से, पर जाएं मास्टर ऐडऑन और खोलो एक्सटेंशन टैब। प्रवेश एनीमेशन नेतृत्व करता है एनीमेशन विजेट एक गर्म बैज के साथ समूह, ट्रांसफॉर्म और रिवील के बगल में इसके टॉगल पर क्लिक करें ताकि यह बैंगनी हो जाए, फिर हिट करें परिवर्तन सहेजें और हरे रंग की प्रतीक्षा करें “सेटिंग्स सफलतापूर्वक सहेजी गई” नोटिस।

एक तत्व के लिए एक एनीमेशन उठाओ #

एलिमेंट संपादक में तत्व का चयन करें, खोलें उन्नत टैब करें, और इसका विस्तार करें प्रवेश एनीमेशन बैंगनी एमए बैज वाला अनुभाग। द एनीमेशन ड्रॉपडाउन पूरी लाइब्रेरी रखता है डेमो में, नायक अनुभाग को एक फीका प्रभाव मिलता है जबकि ड्रॉपडाउन फीका, स्लाइड, मास्क, घुमाएं, ज़ूम और स्केल समूहों को स्क्रॉल करते हुए दिखाता है।

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

समय को ट्यून करें #

एनिमेशन ड्रॉपडाउन के नीचे चार टाइमिंग नियंत्रण बैठते हैं।

• अवधि (एमएस): एनीमेशन कितने समय तक चलता है डेमो एक अतिरंजित ५००० मीटर का उपयोग करता है इसलिए गति को देखना आसान है; उत्पादन पृष्ठों पर, ४०० से ८०० मीटर आमतौर पर सही लगता है।
• विलंब (एमएस): प्रभाव शुरू होने से पहले एक विराम, डेमो में ४०० एमएमएस स्टैगर भाई तत्वों में देरी करता है और वे एक बार में सभी के बजाय एक के बाद एक प्रवेश करते हैं।
• सहजता: त्वरण वक्र डिफ़ॉल्ट काम करता है, लेकिन प्रवेश द्वार के लिए एक आसानी से बाहर भूमि अधिक स्वाभाविक रूप से।
• गिनती दोहराएँः प्रभाव कितनी बार खेलता है, १ से ५ तक, या अनंत।

पेज पर रिजल्ट #

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

अभ्यास से एक सावधानी: चेतन अनुभाग, उनके अंदर हर विजेट नहीं एक पृष्ठ जहां पचास तत्व प्रत्येक कहीं से उड़ते हैं शोर के रूप में पढ़ता है प्रति अनुभाग एक प्रवेश द्वार लय रखता है।

जहां प्रवेश एनिमेशन अच्छी तरह से काम करते हैं #

• हीरो अनुभाग। एक फीका-इन शीर्षक पृष्ठ लोड होने के क्षण में टोन सेट करता है।
• फ़ीचर पंक्तियाँ। कार्ड जो क्रमबद्ध विलंब का उपयोग करके क्रम में बढ़ते हैं।
• सांख्यिकी और काउंटर। जब संख्याएँ दृश्य में स्क्रॉल होती हैं तो गति आँख को दाईं ओर खींचती है।
• प्रशंसापत्र। उद्धरण जो पाठ की दीवार के बजाय क्षणों के रूप में पढ़ने में आसानी करते हैं।
• लंबे लैंडिंग पृष्ठ। प्रत्येक अनुभाग स्वयं की घोषणा करके स्क्रॉल गति को चालू रखता है।

वीडियो ट्यूटोरियल #

एक्सटेंशन को सक्षम करने से लेकर तैयार पृष्ठ तक एनिमेशन को गति में देखें।

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

द प्रवेश एनिमेशन एक्सटेंशन प्रत्येक एलिमेंटर तत्व को एक स्क्रॉल-ट्रिगर प्रवेश देता है: प्रभाव के लिए एक ड्रॉपडाउन, समय के लिए चार फ़ील्ड्स एक सेकंड के तहत अवधि रखें, देरी को डगमगाएं, और अनुभाग स्तर पर चेतन करें, और पृष्ठ को सजाए जाने के बजाय जानबूझकर महसूस करने के लिए गति जो स्क्रॉल पर एक बार खेलने के बजाय अपने आप लूप करती है, को देखें फ्लोटिंग इफेक्ट्स एक्सटेंशन (प्रो), और की पूरी सूची मास्टर ऐडऑन विजेट और एक्सटेंशन बाकी है।