এলিমেন্টর ফ্লোটিং ইফেক্টস (প্রো): অনুবাদ, ঘূর্ণন এবং স্কেল মোশন
ফ্লোটিং ইফেক্টস হল একটি মাস্টার অ্যাডনস প্রো এক্সটেনশন যা যেকোনো এলিমেন্টর উইজেটকে লুপিং মোশন দেয়। অনুবাদ, ঘূর্ণন বা স্কেল চালু করুন, একটি থেকে এবং একটি মান সেট করুন এবং পৃষ্ঠাটি খোলা থাকা পর্যন্ত উইজেটটি তাদের মধ্যে এবং আবার পিছনে চলে যায়। এটি ভাসমান হিরো ইমেজ, ড্রিফটিং আইকন এবং স্পন্দিত ব্যাজগুলির জন্য উপযুক্ত, লেখার জন্য কোন কীফ্রেম নেই।
অনুবাদ করুন: ফ্লোট আপ, ডাউন বা সাইডওয়ে
X অনুবাদ করুন এবং Y অনুবাদ করুন প্রতিটি -100 এবং 100 px এর মধ্যে একটি থেকে এবং একটি থেকে মান নেয়। উইজেটটি প্রথম মান থেকে দ্বিতীয় এবং পিছনে চলে যায়, ভিতরে এবং বাইরে একটি মসৃণ সহজে। ডিফল্ট হল 0 থেকে 5 px, একটি খুব ছোট ড্রিফট।
- উল্লম্ব ভাসা: 0 থেকে 15 px পর্যন্ত Y অনুবাদ করলে একটি আইকন বা ব্যাজ একটি মৃদু বব দেয়।
- সাইডওয়ে ড্রিফট: অনুবাদ X উইজেটটিকে ধীরে ধীরে বাম এবং ডানে নিয়ে যায়।
- উভয় অক্ষ: X এবং Y একসাথে উইজেটটিকে একটি তির্যক রেখা বরাবর সরান, কারণ তারা একই সময় ভাগ করে নেয়।
ঘোরান, স্কেল এবং সময়
আবর্তিত করা -180 থেকে 180 ডিগ্রি পর্যন্ত X, Y এবং Z স্লাইডার রয়েছে এবং স্কেল ডিফল্ট হিসাবে 1 থেকে 1.2 সহ 0 থেকে 5 পর্যন্ত X এবং Y আছে। অনুবাদের মতো, উভয়ই ফ্রম থেকে টু এবং পিছনে সুইং করে, তাই ঘূর্ণন একটি পূর্ণ ঘূর্ণনের পরিবর্তে একটি দোলা। প্রতিটি রূপান্তর একটি আছে সময়কাল 10000 ms পর্যন্ত (1000 খালি রেখে দিলে) এবং a বিলম্ব 5000 ms পর্যন্ত।
- পালস: 1 থেকে 1.05 পর্যন্ত স্কেল X এবং Y একটি বোতামকে ধীরে ধীরে বৃদ্ধি এবং সঙ্কুচিত করে।
- দোলনা: Z-5 থেকে 5 ডিগ্রি ঘোরান একটি ঝুলন্ত ট্যাগ বা ব্যাজের জন্য উপযুক্ত।
- একটি টাইমলাইন: সম্মিলিত রূপান্তর একটি সময় ভাগ করে। অনুবাদের সময়কাল এবং বিলম্ব প্রথমে ব্যবহার করা হয়, তারপর ঘোরান, তারপর স্কেল ব্যবহার করা হয়।
এলিমেন্টর মোশন ইফেক্ট বনাম মাস্টার অ্যাডঅন ফ্লোটিং ইফেক্ট
Elementor এর দুই ধরনের গতি আছে (Pro এর সাথে Elementor 4.2।4 এ চেক করা হয়েছে)। এন্ট্রান্স অ্যানিমেশন, ফ্রি এলিমেন্টরে, উইজেট উপস্থিত হলে একবার প্লে হয়। মোশন ইফেক্টস, এলিমেন্টর প্রো-তে, ভিজিটর স্ক্রোল করার সাথে সাথে একটি উইজেট সরান বা মাউস সরান। কোনটিই নিজে থেকে লুপ করে না, এবং এটি হল ফ্লোটিং ইফেক্টস পূরণ করে।
| বৈশিষ্ট্য | এলিমেন্টর এন্ট্রান্স অ্যানিমেশন | এলিমেন্টর প্রো মোশন ইফেক্টস | মাস্টার অ্যাডঅন ভাসমান প্রভাব |
|---|---|---|---|
| দাম | বিনামূল্যে | এলিমেন্টর প্রো | মাস্টার অ্যাডনস প্রো |
| এটা কি শুরু | উইজেট প্রদর্শিত হচ্ছে, একবার | পৃষ্ঠা স্ক্রোল বা মাউস আন্দোলন | কিছুই না, এটা নিজেই loops |
| আন্দোলন | প্রিসেট ফেইড, স্লাইড, জুম এবং বাউন্স | উল্লম্ব এবং অনুভূমিক স্ক্রোল, স্বচ্ছতা, অস্পষ্ট, ঘোরানো, স্কেল, মাউস ট্র্যাক, 3D টিল্ট | X এবং Y অনুবাদ করুন, X, Y এবং Z ঘোরান, X এবং Y স্কেল করুন |
| আপনার মান | সময়কাল এবং বিলম্ব | গতি, দিক এবং ভিউপোর্ট পরিসীমা | থেকে এবং মান, সময়কাল এবং বিলম্ব |
| কাজ করে | উইজেট এবং পাত্রে | উইজেট এবং পাত্রে | শুধুমাত্র উইজেট |
আপনি যদি স্ক্রোলিং বা কার্সারের সাথে মোশন বাঁধতে চান, তাহলে এলিমেন্টর প্রো মোশন ইফেক্টগুলি আরও উপযুক্ত। ফ্লোটিং ইফেক্ট হল একটি মৃদু আন্দোলনের জন্য যা কোনো ভিজিটর ইনপুট ছাড়াই চলতে থাকে।
প্রো-তে অন্যান্য মোশন এক্সটেনশন: রূপান্তরিত করে, প্রবেশ অ্যানিমেশন এবং প্রকাশ করা.
এলিমেন্টরে ফ্লোটিং ইফেক্ট কিভাবে যোগ করবেন
একবার এক্সটেনশন চালু হলে, ফ্লোটিং ইফেক্ট প্যানেল প্রতিটি উইজেটের অ্যাডভান্সড ট্যাবে বসে।
- মাস্টার অ্যাডনস প্রো সক্রিয় সহ, যান মাস্টার অ্যাডঅন > এক্সটেনশন এবং সুইচ অন ভাসমান প্রভাব.
- Elementor দিয়ে আপনার পৃষ্ঠা সম্পাদনা করুন এবং আপনি যে উইজেটটি সরাতে চান তা নির্বাচন করুন, যেমন একটি চিত্র বা আইকন৷।
- খোলা উন্নত ট্যাব, প্রসারিত করুন ভাসমান প্রভাব এবং হ্যাঁ সেট করুন।
- চালু করা অনুবাদ করা, আবর্তিত করা বা স্কেল এবং থেকে এবং মান সেট করুন।
- সেট সময়কাল এবং বিলম্ব, তারপর সম্পাদক পূর্বরূপ গতি পরীক্ষা করুন।
- পৃষ্ঠা আপডেট করুন। ইমেজ সহ একটি দীর্ঘ ওয়াকথ্রু জন্য, আমাদের পড়ুন ভাসমান প্রভাব টিউটোরিয়াল.
ভাসমান প্রভাবের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
ভাসমান প্রভাব বিনামূল্যে?
নং ফ্লোটিং ইফেক্টস মাস্টার অ্যাডনস প্রো-এর অংশ। ফ্রি এলিমেন্টরের প্রবেশদ্বার অ্যানিমেশন রয়েছে যা একবার প্লে হয়, কিন্তু কোনো লুপিং ফ্লোট নেই।
আমি কি এটি বিভাগ বা পাত্রে ব্যবহার করতে পারি?
না। ফ্লোটিং ইফেক্ট প্যানেল শুধুমাত্র উইজেটগুলির উন্নত ট্যাবে রয়েছে৷ উপাদানগুলির একটি গ্রুপ ভাসানোর জন্য, প্রতিটি উইজেটে এটি প্রয়োগ করুন, বা প্রভাব যোগ করার আগে তাদের একটি ছবিতে একত্রিত করুন।
ঘূর্ণন চারপাশে সব পথ ঘূর্ণন করতে পারেন?
একটানা স্পিন হিসেবে নয়। রোটেট ফ্রম ভ্যালু থেকে টু ভ্যালুতে যায় এবং পিছনে, -180 থেকে 180 ডিগ্রির মধ্যে, তাই এটি দোল বা কাত হিসাবে সবচেয়ে ভাল কাজ করে।
এক পৃষ্ঠায় এই প্রভাবগুলির অনেকগুলি ব্যবহার করা কি কর্মক্ষমতাকে আঘাত করবে?
কয়েকটি ভাসমান উইজেট ঠিক আছে। গতি ছোট anime।js লাইব্রেরি ব্যবহার করে এবং শুধুমাত্র CSS রূপান্তর পরিবর্তন করে, যা ব্রাউজারগুলি ভালভাবে পরিচালনা করে। এটিকে প্রতি স্ক্রিনে মুষ্টিমেয় উইজেটে রাখুন যাতে পৃষ্ঠাটি শান্ত থাকে এবং ধীরগতির ফোনে মসৃণভাবে চলে।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
