এলিমেন্টর এন্ট্রান্স অ্যানিমেশন: যেকোনো উপাদানের জন্য 70টি স্ক্রোল প্রভাব
প্রথম ইমপ্রেশন স্টিক। আপনার বিষয়বস্তু শুধু প্রদর্শিত হতে দেওয়ার পরিবর্তে, এটি পৌঁছান। দ্য প্রবেশ অ্যানিমেশন এক্সটেনশন, মাস্টার অ্যাডনস প্রো-এর অংশ, যেকোন এলিমেন্টর এলিমেন্টে গতি যোগ করে যে মুহূর্তে এটি দৃশ্যে স্ক্রোল করে 70 প্রভাব থেকে বাছাই করতে: ফেইড, স্লাইড, মাস্ক, ঘূর্ণন, জুম, ফ্লিপ, ডাল এবং বাউন্স। আপনি সময়কাল, বিলম্ব, সহজীকরণ এবং পুনরাবৃত্তি গণনা সেট করুন, যাতে একটি শিরোনাম আলতোভাবে প্রবাহিত হতে পারে যখন বৈশিষ্ট্য আইকনগুলির একটি সারি একের পর এক পপ হয়৷ কোন CSS নেই, কোন কীফ্রেম নেই, উন্নত ট্যাবে মাত্র কয়েকটি সেটিংস।
এটি ভালভাবে ব্যবহার করুন এবং একটি প্রবেশদ্বার অ্যানিমেশন পৃষ্ঠার নীচে চোখ টেনে আনে এবং প্রথম স্ক্রলে সাইটটিকে জীবন্ত অনুভব করে। সবকিছুতে এটি ব্যবহার করুন এবং এটি শব্দে পরিণত হয়। নীচের ভিডিওটি মৌলিক বিষয়গুলিকে কভার করে, এবং আরও নীচে আমি সম্পূর্ণ প্রভাব তালিকায় প্রবেশ করি, কীভাবে একটি সম্পূর্ণ বিভাগে একটি অ্যানিমেশন প্রয়োগ করতে হয় এবং কীভাবে সঠিক সময় পেতে হয়।
একটি প্রবেশ অ্যানিমেশন কি?
একটি প্রবেশদ্বার অ্যানিমেশন হল একটি উপাদান যা স্ক্রিনে আসার সাথে সাথে তৈরি করে। ভিজিটর স্ক্রোল করে, একটি শিরোনাম বা চিত্র বা বোতাম ভিউপোর্টে আঘাত করে এবং এটি পুরো সময় সেখানে বসে থাকার পরিবর্তে বিবর্ণ, স্লাইড বা বাউন্স হয়ে যায়। আপনি তাদের প্রবেশদ্বার প্রভাব, স্ক্রোল অ্যানিমেশন, বা একটি ওয়েবসাইট এন্ট্রি অ্যানিমেশন নামে পরিচিত দেখতে পাবেন। প্রতিবার একই ধারণা: একটি স্ট্যাটিক পৃষ্ঠা যা আপনি এটির নিচে যাওয়ার সাথে সাথে প্রতিক্রিয়া শুরু করে।
আপনি সিএসএস অ্যানিমেশন দিয়ে এই সব নিজেই লিখতে পারেন। তারপর কীফ্রেমগুলি বজায় রাখার জন্য আপনার, এবং তাই প্রতিটি স্ক্রিনের আকারে প্রতিক্রিয়াশীল আচরণ। মাস্টার অ্যাডঅন অ্যানিমেশন টুলকিট এটিকে উপাদান সেটিংসে নিয়ে যায়, তাই আপনি একটি ড্রপডাউন থেকে একটি প্রভাব বেছে নিন এবং কোডটি এড়িয়ে যান।
70টি প্রবেশ প্রভাবের একটি লাইব্রেরি
70 টি প্রিসেট সহ, প্রায় কোনও বিভাগ চালু করার একটি উপযুক্ত উপায় রয়েছে। এটা শান্ত চান? বিবর্ণ। শক্তি চান? বাক্সে বাউন্স বা জ্যাক। আরো ইচ্ছাকৃত কিছু পরে? ফ্লিপ ইন বা মাস্ক ফ্রম। এই স্প্রেডটি আপনাকে বিভাগগুলিকে তাদের নিজস্ব চরিত্র দিতে দেয়: একটি মিশন স্টেটমেন্টের জন্য শান্ত এবং মসৃণ, বৈশিষ্ট্য সারির জন্য কিছুটা কৌতুকপূর্ণ।
- বিবর্ণ: ফেইড ইন, প্লাস আপ, ডাউন, বাম এবং ডানে সংখ্যাযুক্ত বৈচিত্র সহ, শান্ত আগমনের জন্য।
- স্লাইড এবং মাস্ক: স্লাইড ফ্রম এবং মাস্ক ফ্রম চারটি দিক থেকে।
- ঘূর্ণন এবং ফ্লিপ: প্রতিটি কোণে ঘোরান, এবং উপরে, নীচে, বাম এবং ডানে ফ্লিপ করুন।
- জুম এবং দাঁড়িপাল্লা: জুম ইন, স্কেল আপ এবং স্কেল ডাউন, প্রতিটি বৈচিত্র সহ।
- মনোযোগ প্রভাব: পালস ইন, পালস আউট, শেক, বাউন্স ইন এবং জ্যাক ইন দ্য বক্স একজন নায়ক বা সিটিএর জন্য।
- কাজের সাথে প্রভাব মেলে: অ্যাকশনের আহ্বানে উচ্চস্বরে, বডি টেক্সটে নরম বিবর্ণ।
- আপনি প্রতিশ্রুতি আগে পূর্বরূপ: আপনি এটি বাছাই করার সাথে সাথে সম্পাদক প্রভাবটি চালায়।
সময়কাল, বিলম্ব, এবং নিয়ন্ত্রণ সহজ করা
টাইমিং হল যেখানে বেশিরভাগ অ্যানিমেশন জিতে বা হারিয়ে যায় এবং এটি একটি অন/অফ টগলের চেয়ে বেশি। সেট করুন সময়কাল মিলিসেকেন্ডে একটি পদক্ষেপ দ্রুত এবং চটকদার বা ধীর এবং টানা-আউট করতে। একটি যোগ করুন বিলম্ব তাই একের পর এক আইটেমের সারি একের পর এক আসে। একটি বাছাই সহজ করা বক্ররেখা যাতে একটি সমতল, রোবোটিক গতিতে স্লাইড করার পরিবর্তে একটি বাস্তব বস্তুর গতি বাড়ে এবং ধীর করে দেয়।
- গতি সেট করুন: 500ms দ্রুত বোধ করে, 1500ms শিথিল বোধ করে। যে একটি সংখ্যা পুরো মেজাজ পরিবর্তন।
- একটি ক্রম স্তব্ধ: একটি সারিতে প্রতিটি আইকনে একটি খাঁজ পর্যন্ত বিলম্বকে বাম্প করুন এবং তারা একে একে পপ করুন।
- সহজীকরণ চয়ন করুন: ইজ-আউট (দ্রুত শুরু, মৃদু স্টপ) বেশিরভাগ প্রবেশপথের জন্য স্বাভাবিক হিসাবে পড়ে। এটা আমি প্রথম জন্য পৌঁছানোর এক।
- এটি পুনরাবৃত্তি করুন: পুনরাবৃত্তি গণনা 1 থেকে 5 বার বা একটি লুপে প্রভাব চালায়।
এলিমেন্টরের অন্তর্নির্মিত প্রবেশদ্বার অ্যানিমেশন বনাম মাস্টার অ্যাডনস
Elementor ইতিমধ্যেই আপনাকে Advanced, Motion Effects-এর অধীনে বিনামূল্যে একটি প্রবেশদ্বার অ্যানিমেশন বাছাই করতে দেয়৷ এটি একটি সাধারণ বিবর্ণ জন্য ভাল। মাস্টার অ্যাডনস এক্সটেনশনটি এমন পৃষ্ঠাগুলির জন্য যেখানে আপনি প্রতিটি উপাদান কীভাবে আসে তার উপর সূক্ষ্ম নিয়ন্ত্রণ চান৷।
| এলিমেন্টর মোশন ইফেক্টস | মাস্টার অ্যাডনস এন্ট্রান্স অ্যানিমেশন | |
|---|---|---|
| পরিকল্পনা | বিনামূল্যে | মাস্টার অ্যাডনস প্রো |
| সময়কাল | ধীর, স্বাভাবিক বা দ্রুত | মিলিসেকেন্ডে যেকোনো মান |
| বিলম্ব | মিলিসেকেন্ড | মিলিসেকেন্ড |
| সহজ করা | পাওয়া যায় না | 30টি বক্ররেখা, লিনিয়ার থেকে ব্যাক ইন আউট পর্যন্ত |
| পুনরাবৃত্তি গণনা | পাওয়া যায় না | 1 থেকে 5 বার, বা অসীম |
| ডিভাইস প্রতি ভিন্ন প্রভাব | হ্যাঁ | না, সমস্ত ব্রেকপয়েন্টের জন্য একটি সেটিং |
| প্রভাব | এলিমেন্টর প্রিসেট | মাস্ক, ফ্লিপস এবং ডাল সহ 70 টি প্রভাব |
কিভাবে সমস্ত উপাদানের জন্য একটি ডিফল্ট এন্ট্রান্স অ্যানিমেশন সেট করবেন?
লোকেরা এটিকে অনেক জিজ্ঞাসা করে: আপনি কি এলিমেন্টরে একবারে একটি প্রবেশদ্বার অ্যানিমেশন প্রয়োগ করতে পারেন? সোজা উত্তর, এলিমেন্টর কোরের কোনো একক গ্লোবাল সুইচ নেই যা সাইটের প্রতিটি উপাদানকে অ্যানিমেট করে। অনুশীলনে যা কাজ করে তা হল কন্টেইনার বা বিভাগ স্তরে অ্যানিমেট করা, তারপর সেই সেটিংস পুনরায় ব্যবহার করা।
- নির্বাচন করুন বিভাগ বা ধারক এর ভিতরে প্রতিটি উইজেটের পরিবর্তে। খোলা উন্নত → মাস্টার অ্যাডনস এন্ট্রান্স অ্যানিমেশন এবং আপনার প্রভাব চয়ন করুন। পুরো ব্লকটি স্ক্রোল করার সাথে সাথে একসাথে আসে।
- একই গতি পুনরায় ব্যবহার করতে, উপাদানটিতে ডান-ক্লিক করুন, আঘাত করুন কপি, তারপর পেস্ট শৈলী পরবর্তী বিভাগে। অ্যানিমেশন সেটিংস শৈলীর সাথে রাইড করে, তাই আপনি এটি একবার সেট করুন এবং পৃষ্ঠায় পেস্ট করুন।
- একটি ক্যাসকেডের জন্য সবকিছু একসাথে গুলি করার পরিবর্তে, প্রভাব একই রাখুন এবং বাড়ান বিলম্ব আপনি নিচে যেতে প্রতিটি বিভাগে একটু।
এটি আপনাকে কোড স্পর্শ না করেই আপনার সমস্ত উপাদান জুড়ে একটি সামঞ্জস্যপূর্ণ প্রবেশদ্বার অ্যানিমেশন পায়, যা এলিমেন্টর আপনাকে দেওয়ার মতো ডিফল্টের কাছাকাছি।
কোথায় প্রবেশ অ্যানিমেশন সবচেয়ে সাহায্য?
- হিরো বিভাগ: শিরোনামে একটি ফেইড ইন আপ, তারপর এটির নীচে বোতামে একটি ছোট বিলম্ব।
- বৈশিষ্ট্য সারি: আইকনগুলিকে স্তব্ধ করুন যাতে তারা একে একে অবতরণ করে।
- পরিসংখ্যান এবং কাউন্টার: সংখ্যাগুলি দেখার জন্য স্ক্রোল করার সাথে সাথে একটি জুম ইন করুন৷।
- প্রশংসাপত্র এবং লোগো: একটি নরম বিবর্ণ যাতে তারা হঠাৎ স্ন্যাপ না করে।
- কর্মের আহ্বান: একটি বাউন্স ইন বা জ্যাক ইন দ্য বক্স যেখানে কেউ সিদ্ধান্ত নেয়।
এন্ট্রান্স অ্যানিমেশন এর অংশ মাস্টার অ্যাডনস প্রো. প্রথম স্ক্রোল অতিক্রম গতির জন্য, দেখুন ভাসমান প্রভাব, প্রকাশ করা এবং রূপান্তরিত করে, অথবা সম্পূর্ণ ব্রাউজ করুন মাস্টার অ্যাডঅন অ্যানিমেশন বৈশিষ্ট্য.
এন্ট্রান্স অ্যানিমেশনের জন্য প্রায়শই জিজ্ঞাসিত প্রশ্ন
অনেক প্রবেশ অ্যানিমেশন কি আমার ওয়েবসাইটকে ধীর করে দেবে?
কয়েক ডজন অ্যানিমেটেড উপাদান সহ একটি পৃষ্ঠায় এটি কিছু ওজন যোগ করতে পারে, তবে প্রভাবগুলি শুরুতে হালকা। আসল সমাধান হল সংযম: মূল বিভাগ এবং শিরোনাম অ্যানিমেট করুন, প্রতিটি অনুচ্ছেদ নয়। কিছু ভাল স্থাপন করা সবে নিবন্ধন। লোড সময় আপনার মনে হয়, এই এলিমেন্টর সাইটের গতি বাড়ানোর টিপস সাহায্য করা।
কেন আমার Elementor প্রবেশদ্বার অ্যানিমেশন কাজ করছে না?
এটি সাধারণত তিনটি জিনিসের মধ্যে একটি। উপাদানটি ভিউপোর্টে প্রবেশ করার সময় অ্যানিমেশনটি শুধুমাত্র প্রথমবার ফায়ার করে, তাই ব্যাক আপ স্ক্রোল করার পরিবর্তে এটি পরীক্ষা করার জন্য তাজা নিচে স্ক্রোল করুন। নিশ্চিত করুন যে প্রভাবটি প্রকৃত উপাদানের উপর রয়েছে এবং এটির চারপাশে একটি খালি মোড়ক নয়। এবং আপনি প্রকাশ করার পরে আপনার ক্যাশিং প্লাগইনটি সাফ করুন, যেহেতু একটি ক্যাশে করা পৃষ্ঠা অ্যানিমেশন ছাড়াই পুরানো সংস্করণটি পরিবেশন করবে।
আমি কি ডেস্কটপ এবং মোবাইলে বিভিন্ন অ্যানিমেশন ব্যবহার করতে পারি?
এই এক্সটেনশনের সাথে নয়। এর সেটিংস প্রতিটি ব্রেকপয়েন্টে প্রযোজ্য, তাই একটি প্রভাব বেছে নিন যা এখনও একটি ছোট স্ক্রিনে ঠিক দেখায়। এলিমেন্টরের নিজস্ব মোশন ইফেক্টস এন্ট্রান্স অ্যানিমেশন প্রতি ডিভাইসে সেট করা যেতে পারে, যা সাহায্য করে যদি একটি ফোন লেআউটের জন্য শান্ত কিছুর প্রয়োজন হয়।
এটি এলিমেন্টরের নিজস্ব প্রবেশদ্বার অ্যানিমেশন থেকে কীভাবে আলাদা?
Elementor এর বিনামূল্যের সম্পাদকের একটি পূর্বনির্ধারিত সময়কাল এবং বিলম্ব সহ অ্যাডভান্সড, মোশন ইফেক্টের অধীনে একটি মৌলিক প্রবেশ অ্যানিমেশন নিয়ন্ত্রণ রয়েছে। এই এক্সটেনশনটি Master Addons Pro-এর অংশ এবং আপনাকে 70টি প্রভাব, সময়কাল এবং মিলিসেকেন্ডে বিলম্ব, 30টি সহজ বক্ররেখা এবং একটি পুনরাবৃত্তি গণনা দেয়। পেসিংয়ের জন্য, ইজ আউট বেশিরভাগ প্রবেশপথের জন্য উপযুক্ত।
ট্রেন্ডিং এলিমেন্টর উইজেট এবং এক্সটেনশন
কম সময়ে অত্যাধুনিক ওয়েবসাইট তৈরি করুন।
গ্লাসমরফিজম
ধারক অতিরিক্ত
নিদর্শন
![এলিমেন্টরের জন্য মাস্টার অ্যাডঅন পোস্ট/পেজ ডুপ্লিকেটর এক্সটেনশন: ওয়ার্ডপ্রেস পেজ লিস্টে এমএ ডুপ্লিকেটর সারি লিঙ্ক একটি ল্যান্ডিং পেজ তৈরি করে - [ডুপ্লিকেটেড #128] ড্রাফ্ট](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
পোস্ট/পেজ ডুপ্লিকেটর
