Style animationDirection বৈশিষ্ট্য

সংজ্ঞা ও ব্যবহার

animationDirection বৈশিষ্ট্য সংযোজন বা ফলাফল অ্যানিমেশনটি বদলানো হবে কিনা

মন্তব্য:যদি অ্যানিমেশনটি একবারের জন্য প্লে করা হয়, তবে এই বৈশিষ্ট্যটি কার্যহীন হবে

উদাহরণ

বদল করুন <div> উপাদানের animationDirection বৈশিষ্ট্য:

document.getElementById("myDIV").style.animationDirection = "reverse";

স্বয়ং প্রয়াস করুন

সংজ্ঞা

animationDirection বৈশিষ্ট্য ফলাফল:

object.style.animationDirection

animationDirection বৈশিষ্ট্য সংযোজন:

object.style.animationDirection = "normal|reverse|alternate|alternate-reverse|initial|inherit"

বৈশিষ্ট্য মান

মান বর্ণনা
normal ডিফল্ট মান। অ্যানিমেশনটি সাধারণভাবে প্লে করা উচিত
reverse অ্যানিমেশনটি পক্ষেপূর্বক প্লে করা উচিত
alternate অ্যানিমেশন প্রত্যেক অধিকতম সংখ্যার (1, 3, 5 ইত্যাদি) দিক পক্ষে প্রতিক্রিয়াসম্পন্নভাবে প্লে করবে, এবং প্রত্যেক সমস্ত সংখ্যার (2, 4, 6 ইত্যাদি) দিক পক্ষে প্রতিক্রিয়াসম্পন্নভাবে প্লে করবে।
alternate-reverse অ্যানিমেশন প্রত্যেক অধিকতম সংখ্যার (1, 3, 5 ইত্যাদি) দিক কোনরকম পক্ষে প্রতিক্রিয়াসম্পন্নভাবে প্লে করবে, এবং প্রত্যেক সমস্ত সংখ্যার (2, 4, 6 ইত্যাদি) দিক পক্ষে প্রতিক্রিয়াসম্পন্নভাবে প্লে করবে।
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে ন্যায়িত্ত করুন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি পারদর্শীভাবে তার পিতৃত্বভূমি উপাদান থেকে উত্তরণ করে। দেখুন inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: normal
ফলাফল: শব্দতালিকা যা উপাদানের animation-direction এটি。
CSS সংস্করণ: CSS3

ব্রাউজার সমর্থন

animationDirection এটি CSS3 (1999) বৈশিষ্ট্য।

সমস্ত ব্রাউজারগুলি এটির জন্য সম্পূর্ণভাবে সমর্থন করে:

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা IE
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা IE
সমর্থ সমর্থ সমর্থ সমর্থ সমর্থ 11

সংশ্লিষ্ট পৃষ্ঠা

CSS পরিশীলন মানকঃanimation-direction এটি