অ্যানিমেশনফিলমোড প্রপার্টি ব্যবহার করা হয় কীভাবে শৈলীগুলি কার্যকর করার সময়ের বাইরে প্রয়োগ করা হয় যেমন এটি শেষ হওয়ার পরে বা বিলম্ব নির্দিষ্ট করা হয়েছে। অ্যানিমেশন শুরু হওয়ার আগে এবং এটি শেষ হওয়ার পরে একটি উপাদানে CSS অ্যানিমেশন স্টাইল সেট করতে এটি সহায়ক৷
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলঅ্যানিমেশনফিলমোড বৈশিষ্ট্য −
সেট করা হচ্ছেobject.style.animationFillMode ="কোনও নয়|ফরওয়ার্ডমান
নিম্নোক্ত মান −
মান | বিবরণ |
---|---|
কোনটিই নয়৷ | এটি করে যে অ্যানিমেশন শুরু হওয়ার আগে বা শেষ হওয়ার পরে টার্গেট এলিমেন্টে কোনো শৈলী প্রয়োগ করবে না। এটি ডিফল্ট মান। |
ফরোয়ার্ড | এটি অ্যানিমেশন শেষ হওয়ার পর টার্গেট এলিমেন্টে শেষ কী-ফ্রেম স্টাইল প্রয়োগ করে। |
পিছন দিকে | এটি অ্যানিমেশন শেষ হওয়ার পর টার্গেট এলিমেন্টে প্রথম কী-ফ্রেম স্টাইল প্রয়োগ করে। |
উভয় | এটি অ্যানিমেশনে ফরোয়ার্ড এবং পিছন দিকের নিয়ম উভয়ই প্রয়োগ করে |
প্রাথমিক | এই প্রপার্টিটিকে প্রারম্ভিক মান সেট করার জন্য |
nherit | এই সম্পত্তিটি এর মূল উপাদান থেকে উত্তরাধিকারসূত্রে পাওয়া যায়। |
উদাহরণ
আসুন আমরা অ্যানিমেশনফিলমোড প্রপার্টি -
-এর উদাহরণ দেখিউপরের অ্যানিমেশন ফিলমোড বৈশিষ্ট্য পরিবর্তন করতে নীচের বোতামে ক্লিক করুন
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
অ্যানিমেশন শেষ হলে বর্গাকার রঙ গাঢ় লাল হয় কারণ এটি শেষ কীফ্রেম −
চেঞ্জ ফিল-এ ক্লিক করলে রঙ কমলা হয়ে যায় যা আমাদের প্রথম কীফ্রেম -
দ্রষ্টব্য − এই বৈশিষ্ট্যটি IE/EDGE এবং Safari ব্রাউজারে সমর্থিত নয়৷
৷