रिलैक्स
आगंतुकों स्क्रॉल के रूप में अपने पृष्ठों को जीवंत महसूस करें रिलैक्स एक्सटेंशन शून्य जटिल कोड के साथ एलिमेंटर एक्सएनएनएक्स को लंबन स्क्रॉलिंग का जादू लाता है बस किसी भी छवि, आकार या अनुभाग का चयन करें और इसे बाकी पृष्ठ की तुलना में एक अलग गति से आगे बढ़ाएं सूक्ष्म पृष्ठभूमि परतें बनाएं जो धीरे-धीरे बहती हैं, या अग्रभूमि तत्वों को तेज गति से पॉप करें गति, दिशा, और लेयरिंग को शिल्प इमर्सिव, बहु-आयामी अनुभवों को नियंत्रित करें जो हर स्क्रॉल में परिष्कार और जुड़ाव का स्पर्श जोड़ते हैं।
गति-आधारित गहराई नियंत्रण
ट्रू लंबन ३ डी स्पेस की भावना पैदा करने के बारे में है रिलैक्स के साथ, आप इसे सिर्फ उस तरफ चालू नहीं करते हैं जिसे आप सटीक गति में डायल करते हैं एक सकारात्मक गति (जैसे २) तत्व को पृष्ठ की तुलना में तेजी से स्क्रॉल करती है, इसे आगे लाती है एक नकारात्मक गति (जैसे -२) इसे धीमा स्क्रॉल करती है, इसे पृष्ठभूमि में धकेलती है यह सटीक नियंत्रण आपको यथार्थवादी अग्रभूमि, मध्यभूमि और पृष्ठभूमि परतों का निर्माण करने देता है।
- अग्रभूमि प्रभाव: सजावटी आइकन या छोटे ग्राफिक्स को उपयोगकर्ता के पास तेजी से तैरने के लिए सकारात्मक गति मान का उपयोग करें।
- पृष्ठभूमि परतें: पृष्ठभूमि छवि या पैटर्न को धीरे-धीरे बहाव करने के लिए नकारात्मक गति का उपयोग करें, जिससे एक गहरा, दूर का अनुभव हो।
- दशमलव परिशुद्धता: ठीक-ठीक, सूक्ष्म गति के लिए ०.५ या -१.५ जैसे मूल्यों का उपयोग करें।
जेड-इंडेक्स के साथ लेयरिंग
जब आपके पास कई तत्व अलग-अलग गति से आगे बढ़ रहे हैं, तो वे गलती से आपकी महत्वपूर्ण सामग्री जैसे पाठ को ओवरलैप कर सकते हैं जेड-इंडेक्स नियंत्रण इसे ठीक करता है पृष्ठभूमि लंबन तत्वों के लिए एक कम जेड-इंडेक्स सेट करें ताकि उन्हें आपकी पठनीय सामग्री के पीछे रखा जा सके, और अग्रभूमि प्रभावों के लिए एक उच्च यह सुनिश्चित करने के लिए कि वे शीर्ष पर दिखाई देते हैं, यह आपके डिजाइन को साफ और कार्यात्मक रखता है।
- अपनी परतों को व्यवस्थित करें: अपने लंबन तत्वों को तार्किक रूप से ढेर करने के लिए जेड-इंडेक्स मान असाइन करें (जैसे, पृष्ठभूमि: -१, सामग्री: १, अग्रभूमि: २)।
- दृश्य अव्यवस्था को रोकें: सुनिश्चित करें कि चलती तत्व स्लाइड नहीं करते हैं और आपके कॉल-टू-एक्शन या सुर्खियों को अस्पष्ट करते हैं।
- कुल कंपोजिटिंग नियंत्रण: आत्मविश्वास के साथ जटिल, बहुस्तरीय दृश्यों का निर्माण करें।
रिलैक्स के लिए अक्सर पूछे जाने वाले प्रश्न
क्या यह मोबाइल उपकरणों पर काम करेगा?
हां, लेकिन एक नोट के साथ मोबाइल पर लंबन प्रभाव कभी-कभी जानकी महसूस कर सकते हैं या प्रदर्शन के मुद्दों का कारण बन सकते हैं क्योंकि वे चिकनी स्क्रॉलिंग पर भरोसा करते हैं रिलैक्स अनुकूलित है, लेकिन सबसे अच्छे मोबाइल अनुभव के लिए, सूक्ष्म गति मूल्यों (जैसे ०.५ या -०.५) का उपयोग करें और वास्तविक डिवाइस पर परीक्षण करें कभी-कभी, एक चिकनी उपयोगकर्ता अनुभव के लिए पूरी तरह से मोबाइल पर जटिल लंबन को अक्षम करना स्मार्ट है।
क्या मैं इसे पूरे अनुभाग के लिए पृष्ठभूमि छवि पर उपयोग कर सकता हूँ?
बिल्कुल! यह सबसे लोकप्रिय उपयोगों में से एक है एक अनुभाग या कंटेनर की पृष्ठभूमि छवि पर रिलैक्स सेटिंग्स लागू करें इसे धीमी, नकारात्मक गति (जैसे -१) दें, और पृष्ठभूमि धीरे-धीरे ऊपर की सामग्री के रूप में सामान्य रूप से स्क्रॉल करेगी, जिससे क्लासिक और प्रभावी गहराई प्रभाव पैदा होगा।
यह एलिमेंट के बिल्ट-इन “मोशन इफेक्ट्स” से कैसे अलग है?
एलिमेंट के मूल गति प्रभाव अक्सर व्यूपोर्ट के सापेक्ष एक तत्व के आंदोलन को नियंत्रित करते हैं (जैसे कि “stick” या “fade in”)। Rellax विशेष रूप से गति-आधारित लंबन के लिए है, जहां एक तत्व की स्क्रॉल गति पृष्ठ की स्क्रॉल गति से भिन्न होती है। यह वास्तविक गहराई-क्षेत्र भ्रम पैदा करने के लिए एक अधिक विशिष्ट और शक्तिशाली उपकरण है।
क्या बहुत अधिक लंबन प्रभावों का उपयोग करने से मेरी साइट धीमी हो सकती है?
हां, यदि आप इसे ज़्यादा करते हैं प्रत्येक चलती तत्व को स्क्रॉल के दौरान अधिक काम करने के लिए ब्राउज़र की आवश्यकता होती है कुंजी मॉडरेशन है अधिकतम प्रभाव के लिए प्रति पृष्ठ १-३ कुंजी तत्वों पर लंबन का उपयोग करें इसे कई छोटे, जटिल वस्तुओं पर लागू करने से बचें कुछ अच्छी तरह से रखी गई लंबन परतें पेशेवर दिखती हैं; बहुत से अराजक महसूस कर सकते हैं और प्रदर्शन को चोट पहुंचा सकते हैं।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
पोस्ट/पेज डुप्लीकेटर
