एलिमेन्टरमा छवि स्क्रोल प्रभाव कसरी सिर्जना गर्ने

मा छवि स्क्रोलिङ प्रभाव सिर्जना गर्ने तरिका चाहिन्छ Elementor ? यस लेखमा, हामी तपाईंलाई तपाईंको वेब पृष्ठहरूमा Elementor प्रयोग गरेर छवि स्क्रोलिङ प्रभाव सिर्जना गर्न मार्गदर्शन गर्नेछौं।

छवि स्क्रोल प्रभावले तपाईंलाई पूर्ण छवि प्रकट गर्न अनुमति दिनेछ जब प्रयोगकर्ताले छविहरूमा होभर गर्दछ। जब तपाइँ वेबसाइट टेम्प्लेटहरू बेच्ने वेबसाइटमा जानुहुन्छ, तपाइँ छवि स्क्रोल प्रभाव सुविधाहरूको साथ टेम्प्लेटहरूको पूर्ण पूर्वावलोकन हेर्न सक्नुहुन्छ।

यी सुविधाहरूको साथ, तपाईं सजिलैसँग आफ्नो प्रयोगकर्ताहरूलाई सानो ठाउँमा वेबसाइटको पूर्ण दृश्य देखाउन सक्नुहुन्छ। सामान्यतया, यदि तपाइँ वेबसाइटको पूर्ण छवि प्रदर्शन गर्न चाहनुहुन्छ भने, यसले तपाइँको वेब पृष्ठहरूमा धेरै ठाउँ लिन्छ। यसबाहेक, यसले तपाईंको वेबसाइटको डिजाइनलाई असर गर्छ।

तर पिक्चर स्क्रोल इफेक्टको साथ, तपाइँ आकर्षक तरिकामा थप चित्रहरू थप्न सक्नुहुन्छ जसले दर्शकहरूको ध्यान सजिलै खिच्न सक्छ।

Elementor मा छवि स्क्रोल प्रभाव सिर्जना गर्नुहोस्

Elementor ले छवि स्क्रोल प्रभाव थप्न विजेट प्रदान गर्दैन। त्यसैले तपाईंले अनुकूलन CSS प्रयोग गरेर प्रभाव थप्न आवश्यक छ। अनुकूलन CSS सुविधा मात्र उपलब्ध छ Elementor प्रो। त्यसोभए सुनिश्चित गर्नुहोस् कि तपाईंले अपग्रेड गर्नुभएको छ Elementor प्रो।

अब, Elementor सम्पादकको साथ एउटा पृष्ठ खोल्नुहोस् र खण्ड थप्न प्लस आइकनमा क्लिक गर्नुहोस्।

अब तपाईंले आफ्नो खण्डको लागि स्तम्भ चयन गर्न आवश्यक छ। यहाँ हामी एकल स्तम्भ खण्ड चयन गर्छौं।

Elementor मा छवि स्क्रोल प्रभाव सिर्जना गर्नुहोस्

अब सेक्शन सम्पादन आइकनमा क्लिक गर्नुहोस् र लेआउट ट्याबमा न्यूनतम उचाइ 500 मा सेट गर्नुहोस्।

अब ब्लक विजेटबाट भित्री खण्ड ब्लकलाई तपाइँको सिर्जना गरिएको खण्डमा थप्नुहोस् र पूर्वनिर्धारित स्तम्भ हटाउनुहोस्। स्तम्भ सम्पादन आइकनमा दायाँ क्लिक गर्नुहोस् र मुख्य स्तम्भ मेटाउन मेटाउने विकल्पमा क्लिक गर्नुहोस्।

फेरि भित्री खण्डको सम्पादन विकल्पमा जानुहोस् र लेआउट ट्याबमा हामीले पहिले देखाएको न्यूनतम उचाइ 500 मा सेट गर्नुहोस्।

अब भित्री खण्डको शैली ट्याबमा स्विच गर्नुहोस् र पृष्ठभूमि विकल्पबाट पृष्ठभूमिलाई क्लासिकको रूपमा सेट गर्नुहोस्। अर्को, तपाईंले आफ्नो पृष्ठभूमि छवि थप्न आवश्यक छ। छवि स्थिति विकल्पबाट, द्वारा छविको स्थिति सेट गर्नुहोस् शीर्ष केन्द्र। दोहोर्याउने विकल्पबाट, विकल्प सेट गर्नुहोस् दोहोरिने छैन र आकार जस्तै आवरण.

अब ट्याबमा स्विच गर्नुहोस् उन्नत अनुकूलन CSS थप्न। अनुकूलन CSS फिल्डमा, निम्न कोड थप्नुहोस्:

चयनकर्ता{ -webkit-ट्रान्जिसन: ease-in-out 3s !महत्वपूर्ण; संक्रमण: सहज-इन-आउट 3s !महत्वपूर्ण; } चयनकर्ता: होभर{ पृष्ठभूमि-स्थिति: केन्द्र तल ! महत्त्वपूर्ण; }

तपाईं छविहरूको स्क्रोलिङ प्रभाव परिवर्तन गर्न संक्रमण मान परिवर्तन गर्न सक्नुहुन्छ। यदि तपाइँ एउटै प्रभावको साथ धेरै छविहरू थप्न चाहनुहुन्छ भने, तपाइँ स्तम्भको नक्कल गर्न सक्नुहुन्छ र त्यसपछि पृष्ठभूमि छवि परिवर्तन गर्न सक्नुहुन्छ।

निष्कर्ष

प्रक्रिया पछ्याएर, तपाइँ पृष्ठ निर्माणकर्ता प्रयोग गरेर तपाइँको वेबसाइटमा छवि स्क्रोल प्रभाव थप्न सक्षम हुनुहुनेछ Elementor। तपाइँ जान्नको लागि हाम्रो अन्य लेखहरू जाँच गर्न सक्नुहुन्छ:

हामी आशा गर्छौं कि यो लेख तपाईलाई उपयोगी हुनेछ। यदि तपाईंलाई यो लेख मनपर्छ भने, कृपया जोडिएको रहनको लागि हाम्रो फेसबुक पेज लाइक गर्नुहोस्।