প্রবেশ অ্যানিমেশন

একটি পৃষ্ঠা যেখানে সবকিছু সেখানে বসে থাকে একটি পিডিএফের মতো পড়ে। একটি পৃষ্ঠা যেখানে আপনি তাদের পৌঁছানোর সাথে সাথে বিভাগগুলি সহজ হয়ে যায়। দ্য প্রবেশ অ্যানিমেশন মধ্যে এক্সটেনশন এলিমেন্টরের জন্য মাস্টার অ্যাডঅন যেকোন উপাদানে সেই গতি যোগ করে: 70টি অ্যানিমেশনের একটি লাইব্রেরি থেকে একটি প্রভাব বাছাই করুন, সময় সেট করুন এবং উপাদানটি দেখার মুহুর্তে স্ক্রোল করার সময় অ্যানিমেট করে। এটি মাস্টার অ্যাডনস প্রো এর অংশ, এবং এলিমেন্টর এন্ট্রান্স অ্যানিমেশন এক্সটেনশন পৃষ্ঠাটি দেখায় কিভাবে এটি Elementor এর অন্তর্নির্মিত বিকল্পের সাথে তুলনা করে।

এখানে একটি বাস্তব পৃষ্ঠায় প্রভাব আছে। ভিউপোর্টে প্রবেশ করার সাথে সাথে প্রতিটি বিভাগ বিবর্ণ হয়ে যায় এবং উঠে যায়:

এন্ট্রান্স অ্যানিমেশন এক্সটেনশন কি করে #

একবার সক্রিয় হয়ে গেলে, প্রতিটি এলিমেন্টর উপাদান একটি পায় প্রবেশ অ্যানিমেশন অধীন ধারা উন্নত ট্যাব। সেখানে একটি অ্যানিমেশন বরাদ্দ করুন, এবং উপাদানটি লুকানো শুরু হয়, তারপর দর্শক এটিতে স্ক্রোল করলে তার প্রভাব চালায়। বিভাগ, ধারক, শিরোনাম, ছবি, বোতাম: সম্পাদকের যেকোনো কিছু তার নিজস্ব প্রবেশদ্বার বহন করতে পারে।

অ্যানিমেশন লাইব্রেরি প্রবেশ শৈলীর সম্পূর্ণ পরিসীমা কভার করে:

• বিবর্ণ পরিবার: সমতল, নিচে, উপরে, বাম এবং ডান, প্রতিটি সংখ্যাযুক্ত বৈচিত্র সহ যা ভ্রমণের দূরত্ব পরিবর্তন করে।
• থেকে স্লাইড ডান, বাম, উপরে এবং নীচে।
• থেকে মাস্ক উপরে, নীচে, বাম এবং ডান, যা উপাদানটি মুছে দেয়।
• ভিতরে ঘোরান প্রতিটি কোণে ডাউন এবং আপ ভেরিয়েন্ট সহ।
• জুম ইন এবং স্কেল আপ / স্কেল ডাউন গভীরতার জন্য পরিবার।
• ফ্লিপ করুন উপরে, নিচে, বাম, এবং ডান, প্লাস পালস ইন, পালস আউট, ঝাঁকান, বাউন্স ইন, এবং বাক্সে জ্যাক.

আপনি শুরু করার আগে #

• ওয়ার্ডপ্রেস সঙ্গে এলিমেন্টর ইনস্টল এবং সক্রিয়।
• এলিমেন্টরের জন্য মাস্টার অ্যাডঅন ইনস্টল এবং সক্রিয়। প্লাগইনে নতুন? অনুসরণ কর ইনস্টলেশন গাইড প্রথম।
• একজন সক্রিয় মাস্টার অ্যাডনস প্রো লাইসেন্স, যেহেতু এন্ট্রান্স অ্যানিমেশন একটি প্রো এক্সটেনশন।

কিভাবে এন্ট্রান্স অ্যানিমেশন এক্সটেনশন সক্ষম করবেন #

আপনার ওয়ার্ডপ্রেস ড্যাশবোর্ড থেকে, যান মাস্টার অ্যাডনস এবং খুলুন এক্সটেনশন ট্যাব। এন্ট্রান্স অ্যানিমেশন নেতৃত্ব দেয় অ্যানিমেশন উইজেট ট্রান্সফর্মস এবং রিভিলের পাশে একটি হট ব্যাজ সহ গ্রুপ করুন। এটির টগল ক্লিক করুন যাতে এটি বেগুনি হয়ে যায়, তারপর আঘাত করুন পরিবর্তন সংরক্ষণ করুন এবং সবুজ “Settings সফলভাবে সংরক্ষিত" নোটিশের জন্য অপেক্ষা করুন।

একটি উপাদানের জন্য একটি অ্যানিমেশন চয়ন করুন #

এলিমেন্টর এডিটরে এলিমেন্ট সিলেক্ট করুন, খুলুন উন্নত ট্যাব, এবং প্রসারিত প্রবেশ অ্যানিমেশন বেগুনি এমএ ব্যাজ সহ বিভাগ। দ্য অ্যানিমেশন ড্রপডাউন পুরো লাইব্রেরি ধরে রাখে। ডেমোতে, হিরো বিভাগটি একটি ফেইড ইন ইফেক্ট পায় যখন ড্রপডাউন ফেইড, স্লাইড, মাস্ক, রোটেট, জুম এবং স্কেল গ্রুপগুলিকে অতীতে স্ক্রোল করা দেখায়।

একটি বাছাই করুন এবং সম্পাদক অবিলম্বে এটির পূর্বরূপ দেখেন, যাতে গতি বিষয়বস্তুর সাথে ফিট না হওয়া পর্যন্ত আপনি বিকল্পগুলির মাধ্যমে ফ্লিপ করতে পারেন। ফেইড ইন আপ হল নিরাপদ ডিফল্ট: সূক্ষ্ম উত্তোলন, কোন নাটক নেই, প্রায় কিছুতে কাজ করে।

টাইমিং টিউন করুন #

অ্যানিমেশন ড্রপডাউনের নীচে চারটি সময় নিয়ন্ত্রণ বসুন।

• সময়কাল (ms): অ্যানিমেশন কতক্ষণ চলে। ডেমো একটি অতিরঞ্জিত 5000ms ব্যবহার করে তাই গতি দেখতে সহজ; উৎপাদন পৃষ্ঠাগুলিতে, 400 থেকে 800ms সাধারণত সঠিক মনে হয়।
• বিলম্ব (ms): প্রভাব শুরু হওয়ার আগে একটি বিরতি, ডেমোতে 400 মি। ভাইবোন উপাদান জুড়ে স্ট্যাগার বিলম্ব করে এবং তারা একবারে একের পর এক প্রবেশ করে।
• সহজ করা: ত্বরণ বক্ররেখা। ডিফল্ট কাজ করে, কিন্তু একটি সহজ-আউট প্রবেশের জন্য আরো স্বাভাবিকভাবে অবতরণ করে।
• পুনরাবৃত্তি গণনা: 1 থেকে 5 বা অসীম পর্যন্ত প্রভাব কতবার খেলে।

পৃষ্ঠায় ফলাফল #

প্রকাশ এবং স্ক্রোল করুন। প্রতিটি উপাদান ভিউপোর্টে প্রবেশ না করা পর্যন্ত ধরে রাখে, তারপরে তার প্রবেশদ্বারটি চালায়: বৈশিষ্ট্য তালিকাটি জায়গায় উঠে যায়, পরিষেবা কার্ডগুলি একটি সারিতে বিবর্ণ হয়ে যায় এবং আপনি যখন এটিতে পৌঁছান তখন দল বিভাগটি অনুসরণ করে। এই পৃষ্ঠার শীর্ষে থাকা অ্যানিমেশন GIF ডেমো সাইট থেকে সঠিক ক্রম দেখায়।

অনুশীলন থেকে একটি সতর্কতা: অ্যানিমেট বিভাগ, তাদের ভিতরে প্রতিটি উইজেট নয়। একটি পৃষ্ঠা যেখানে পঞ্চাশটি উপাদান প্রতিটি কোথাও থেকে উড়ে যায় শব্দ হিসাবে পড়ে। প্রতি বিভাগে একটি প্রবেশদ্বার ছন্দ রাখে।

যেখানে প্রবেশ অ্যানিমেশন ভাল কাজ করে #

• হিরো বিভাগ। একটি ফেইড-ইন শিরোনাম পৃষ্ঠাটি লোড হওয়ার মুহূর্তে টোন সেট করে।
• বৈশিষ্ট্য সারি। স্তম্ভিত বিলম্ব ব্যবহার করে ক্রমানুসারে বেড়ে ওঠা কার্ড।
• পরিসংখ্যান এবং কাউন্টার। সংখ্যাগুলি যখন দৃশ্যে স্ক্রোল করে তখন গতি চোখকে ঠিক করে।
• প্রশংসাপত্র। উদ্ধৃতি যা পাঠ্যের প্রাচীরের পরিবর্তে মুহূর্ত হিসাবে পড়া সহজ।
• দীর্ঘ অবতরণ পাতা। প্রতিটি বিভাগ নিজেই ঘোষণা করে স্ক্রোল গতি বজায় রাখে।

ভিডিও টিউটোরিয়াল #

এক্সটেনশন সক্রিয় করা থেকে সমাপ্ত পৃষ্ঠায় অ্যানিমেশনগুলি গতিশীল দেখুন৷।

প্রায়শই জিজ্ঞাসিত প্রশ্নাবলী #

মোড়ানো #

দ্য এন্ট্রান্স অ্যানিমেশন এক্সটেনশন প্রতিটি এলিমেন্টর উপাদানকে একটি স্ক্রোল-ট্রিগার করা প্রবেশদ্বার দেয়: প্রভাবের জন্য একটি ড্রপডাউন, সময়ের জন্য চারটি ক্ষেত্র। সময়কাল এক সেকেন্ডের নিচে রাখুন, বিলম্বকে স্তব্ধ করুন এবং বিভাগ স্তরে অ্যানিমেট করুন এবং পৃষ্ঠাটি সজ্জিত করার পরিবর্তে ইচ্ছাকৃত মনে হয়। গতির জন্য যা স্ক্রলে একবার খেলার পরিবর্তে নিজে থেকে লুপ করে, দেখুন ভাসমান প্রভাব এক্সটেনশন (প্রো), এবং এর সম্পূর্ণ তালিকা মাস্টার অ্যাডঅন উইজেট এবং এক্সটেনশন বাকি আছে।