রেলাক্স
ভিজিটর স্ক্রোল করার সাথে সাথে আপনার পৃষ্ঠাগুলিকে জীবন্ত মনে করুন। Rellax এক্সটেনশন শূন্য জটিল কোড সহ Elementor um-এ প্যারালাক্স স্ক্রলিং এর জাদু নিয়ে আসে। যেকোন ছবি, আকৃতি বা বিভাগ নির্বাচন করুন এবং এটিকে পৃষ্ঠার বাকি অংশের চেয়ে ভিন্ন গতিতে সরান। সূক্ষ্ম ব্যাকগ্রাউন্ড স্তরগুলি তৈরি করুন যা ধীরে ধীরে প্রবাহিত হয়, বা ফোরগ্রাউন্ড উপাদানগুলিকে দ্রুত গতিতে পপ করে। নিমজ্জিত, বহুমাত্রিক অভিজ্ঞতা তৈরি করতে গতি, দিক এবং স্তর নিয়ন্ত্রণ করুন যা প্রতিটি স্ক্রলে পরিশীলিততা এবং ব্যস্ততার স্পর্শ যোগ করে।
গতি-ভিত্তিক গভীরতা নিয়ন্ত্রণ
সত্যিকারের প্যারালাক্স হল 3D স্থানের অনুভূতি তৈরি করা। Rellax এর সাথে, আপনি সঠিক গতিতে ডায়াল করার পরে এটি চালু করবেন না। একটি ইতিবাচক গতি (যেমন 2) উপাদানটিকে পৃষ্ঠার চেয়ে দ্রুত স্ক্রোল করে, এটিকে এগিয়ে নিয়ে আসে। একটি নেতিবাচক গতি (যেমন -2) এটিকে ধীর গতিতে স্ক্রোল করে, এটিকে পটভূমিতে ঠেলে দেয়। এই সুনির্দিষ্ট নিয়ন্ত্রণ আপনাকে বাস্তবসম্মত ফোরগ্রাউন্ড, মিডগ্রাউন্ড এবং ব্যাকগ্রাউন্ড লেয়ার তৈরি করতে দেয়।
- ফোরগ্রাউন্ড ইফেক্টস: আলংকারিক আইকন বা ছোট গ্রাফিক্স ব্যবহারকারীর পাশ দিয়ে দ্রুত ভাসতে একটি ইতিবাচক গতির মান ব্যবহার করুন।
- পটভূমি স্তর: একটি পটভূমি চিত্র বা প্যাটার্ন ধীরে ধীরে প্রবাহিত করতে একটি নেতিবাচক গতি ব্যবহার করুন, একটি গভীর, দূরবর্তী অনুভূতি তৈরি করুন।
- দশমিক নির্ভুলতা: সূক্ষ্ম সুরযুক্ত, সূক্ষ্ম গতির জন্য 0.5 বা -1.5 এর মতো মান ব্যবহার করুন।
Z-সূচক সহ লেয়ারিং
যখন আপনার একাধিক উপাদান বিভিন্ন গতিতে চলে, তখন তারা ঘটনাক্রমে আপনার গুরুত্বপূর্ণ বিষয়বস্তু যেমন পাঠ্যকে ওভারল্যাপ করতে পারে। Z-সূচক নিয়ন্ত্রণ এটি ঠিক করে। ব্যাকগ্রাউন্ড প্যারালাক্স উপাদানগুলির জন্য একটি নিম্ন Z-সূচক সেট করুন যাতে সেগুলিকে আপনার পঠনযোগ্য সামগ্রীর পিছনে রাখা যায় এবং ফোরগ্রাউন্ড প্রভাবগুলির জন্য একটি উচ্চতর একটি সেট করুন যাতে সেগুলি উপরে প্রদর্শিত হয়। এটি আপনার নকশা পরিষ্কার এবং কার্যকরী রাখে।
- আপনার স্তরগুলি সংগঠিত করুন: আপনার প্যারালাক্স উপাদানগুলিকে যৌক্তিকভাবে স্ট্যাক করতে Z-সূচক মানগুলি বরাদ্দ করুন (যেমন, পটভূমি: -1, বিষয়বস্তু: 1, অগ্রভাগ: 2)।
- ভিজ্যুয়াল বিশৃঙ্খলতা প্রতিরোধ করুন: নিশ্চিত করুন যে চলমান উপাদানগুলি আপনার কল-টু-অ্যাকশন বা শিরোনামগুলিকে স্লাইড করে না এবং অস্পষ্ট করে না।
- টোটাল কম্পোজিটিং কন্ট্রোল: আত্মবিশ্বাসের সাথে জটিল, বহু-স্তরযুক্ত দৃশ্য তৈরি করুন।
Rellax এর জন্য প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী
এটি কি মোবাইল ডিভাইসে কাজ করবে?
হ্যাঁ, কিন্তু একটি নোট সহ। মোবাইলে প্যারালাক্স প্রভাবগুলি কখনও কখনও ঝাঁঝালো অনুভব করতে পারে বা কর্মক্ষমতা সমস্যা সৃষ্টি করতে পারে কারণ তারা মসৃণ স্ক্রোলিং এর উপর নির্ভর করে। Rellax অপ্টিমাইজ করা হয়েছে, কিন্তু সেরা মোবাইল অভিজ্ঞতার জন্য, সূক্ষ্ম গতির মান ব্যবহার করুন (যেমন 0.5 বা -0.5) এবং একটি বাস্তব ডিভাইসে পরীক্ষা করুন। কখনও কখনও, একটি মসৃণ ব্যবহারকারীর অভিজ্ঞতার জন্য সম্পূর্ণরূপে মোবাইলে জটিল প্যারালাক্স নিষ্ক্রিয় করা স্মার্ট।
আমি কি এটি একটি সম্পূর্ণ বিভাগের জন্য একটি পটভূমি ছবিতে ব্যবহার করতে পারি?
একেবারে! এটি সবচেয়ে জনপ্রিয় ব্যবহারগুলির মধ্যে একটি। একটি বিভাগ বা কন্টেইনারের ব্যাকগ্রাউন্ড ইমেজে Rellax সেটিংস প্রয়োগ করুন। এটিকে একটি ধীর, নেতিবাচক গতি দিন (যেমন -1), এবং উপরের বিষয়বস্তুটি সাধারণত স্ক্রোল করার সাথে সাথে পটভূমিটি আলতোভাবে প্রবাহিত হবে, একটি ক্লাসিক এবং কার্যকর গভীরতার প্রভাব তৈরি করবে।
এটি কীভাবে এলিমেন্টরের অন্তর্নির্মিত "মোশন ইফেক্টস" থেকে আলাদা?
এলিমেন্টরের মৌলিক গতির প্রভাবগুলি প্রায়শই ভিউপোর্টের সাপেক্ষে একটি উপাদানের গতিবিধি নিয়ন্ত্রণ করে (যেমন “” বা “fade in”)। Rellax বিশেষভাবে গতি-ভিত্তিক প্যারালাক্সের জন্য, যেখানে একটি উপাদানের স্ক্রোল গতি পৃষ্ঠার স্ক্রোল গতি থেকে আলাদা। এটি সত্যিকারের গভীরতা-অফ-ফিল্ড বিভ্রম তৈরি করার জন্য আরও বিশেষ এবং শক্তিশালী হাতিয়ার।
অনেক বেশি প্যারালাক্স প্রভাব ব্যবহার করে কি আমার সাইটকে ধীর করে দিতে পারে?
হ্যাঁ, যদি আপনি এটি অতিরিক্ত করেন। প্রতিটি চলমান উপাদান স্ক্রোল করার সময় ব্রাউজারকে আরও কাজ করতে হবে। কী হল সংযম। সর্বাধিক প্রভাবের জন্য প্রতি পৃষ্ঠায় 1-3টি মূল উপাদানগুলিতে প্যারালাক্স ব্যবহার করুন। অনেক ছোট, জটিল আইটেমগুলিতে এটি প্রয়োগ করা এড়িয়ে চলুন। কয়েকটি ভালভাবে স্থাপন করা প্যারালাক্স স্তর পেশাদার দেখায়; অনেক বিশৃঙ্খল এবং আঘাত কর্মক্ষমতা অনুভব করতে পারেন।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
পোস্ট/পেজ ডুপ্লিকেটর
