Style animationFillMode বৈশিষ্ট্য

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

animationFillMode এই বৈশিষ্ট্যটি নির্দিষ্ট করে এনিমেশন না প্রদর্শন করা সময় (এনিমেশন শেষ হওয়ার বা "ডিলেই" থাকাকালীন) উপাদানের স্টাইল প্রয়োগ করবে。

ডিফল্ট ভাবে, CSS এনিমেশন প্রথম কীমট ফ্রেম "প্লে" করা পরে এনিমেশনকারী উপাদানকে প্রভাবিত করবে, এবং শেষ কীমট ফ্রেম সম্পন্ন হওয়ার পরে প্রভাব বন্ধ করবে。animationFillMode এই আচরণকে অবরূপ করা যেতে পারে।

উদাহরণ

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

document.getElementById("myDIV").style.animationFillMode = "forwards";

স্বয়ং প্রয়োগ করুন

ব্যবহারকৌশল

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

object.style.animationFillMode

animationFillMode বৈশিষ্ট্য সংজ্ঞায়িত করুন:

object.style.animationFillMode = "none|forwards|backwards|both|initial|inherit"

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

মান বর্ণনা
none ডিফল্ট মান। এনিমেশন প্রদর্শন শুরুর আগে বা পরে লক্ষ্য উপাদানের কোনো স্টাইল প্রয়োগ করবে না。
forwards এনিমেশন শেষ হওয়ার (animation-iteration-count দ্বারা নির্ধারিত) পর, এনিমেশন এই বৈশিষ্ট্য মান প্রয়োগ করবে。
backwards

animation-delay নির্দিষ্ট সময়কালের মধ্যে, এনিমেশন কীমট ফ্রেমে নির্দিষ্ট বৈশিষ্ট্য মান প্রয়োগ করবে, যা এনিমেশনের প্রথম সরণের শুরু করবে。

এইসব হল কীমট ফ্রেমের মান (যখন এনিমেশন দিক "normal" বা "alternate" হয়) বা কীমট ফ্রেমের মান (যখন এনিমেশন দিক "reverse" বা "alternate-reverse" হয়)。
both এনিমেশনটি এগিয়ে এবং পিছনের নিয়ম অনুসরণ করবে। অর্থাৎ, এটি দুই দিকে এনিমেশন বৈশিষ্ট্য সম্প্রসারিত করবে。
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে ন্যায়ায়িত করুন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি পিতৃ উপাদান থেকে উত্তরাধিকার নেয়। দেখুন inherit。

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

ডিফল্ট মান: none
ফলাফল: শব্দসূচক, যা উপাদানের animation-fill-mode এপ্রোপ্রিয়টি。
CSS সংস্করণ: CSS3

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

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

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

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

সংশ্লিষ্ট পাতা

CSS পরামর্শ হান্ডবুক:animation-fill-mode এপ্রোপ্রিয়টি