CSS animation-fill-mode প্রোপার্টি
- 12.0 -o- পূর্ববর্তী পৃষ্ঠা
- পরবর্তী পৃষ্ঠা animation-iteration-count
সংজ্ঞা ও ব্যবহার
animation-fill-mode এই অপেক্ষা নির্দেশ করে যে, অ্যানিমেশন প্রদর্শিত হলে বা পরে, এই অ্যানিমেশনের প্রভাব কতটা দেখানো হবে。
মন্তব্য:এর মানগুলি কমা দিয়ে বিভক্ত একটি বা একাধিক পুল প্রক্রিয়ার মানগুলির একটি কোম্পানী নির্দেশ করে。
অপর দেখুন:
CSS3 শিক্ষাদান:CSS অ্যানিমেশন
HTML DOM সংক্ষিপ্ত বিভাগকারী হান্ডবুক:animationFillMode অপেক্ষা
উদাহরণ
h1 উপাদানের জন্য পুল প্রক্রিয়া নির্দেশ করুন:
h1
{
animation-fill-mode: forwards;
}
CSS সংজ্ঞা
animation-fill-mode : none | forwards | backwards | both;
| মান | বর্ণনা |
|---|---|
| none | ডিফল্ট ব্যবহারকারী প্রয়োগ করা হয়। |
| forwards | অ্যানিমেশন শেষ হলে, শেষ কীয়াফলে সংজ্ঞাকৃত অপেক্ষা মান সম্পূর্ণরূপে ধারণ করা হয়。 |
| backwards | animation-delay দ্বারা নির্দিষ্ট সময়কালের মধ্যে, যখন অ্যানিমেশন প্রদর্শিত হয়, প্রাথমিক কীয়াফলেতে সংজ্ঞাকৃত প্রয়োগকারী অপেক্ষা সময়ের মধ্যে অপেক্ষা করা হয়。 |
| both | এগুলোকে আগে এবং পরের ফিল পুল প্রয়োগ করা হয়েছে。 |
প্রযুক্তিগত বিবরণ
| ডিফল্ট মান: | none |
|---|---|
| অনুগতি: | no |
| সংস্করণ: | CSS3 |
| JavaScript সংজ্ঞা: | object.style.animationFillMode=none |
ব্রাউজার সমর্থন
টেবিলের সংখ্যাগুলি এই বৈশিষ্ট্যটির পূর্ণ সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে。
যেসব সংখ্যা -webkit-、-moz- অথবা -o- প্রিফিক্স দিয়ে দেওয়া হয়েছে, তা প্রথম সংস্করণ এর ব্যবহারকারী প্রিফিক্স নির্দেশ করে。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 43.0 4.0 -webkit- |
10.0 | 16.0 5.0 -moz- |
9.0 4.0 -webkit- |
30.0 15.0 -webkit- 12.1 12.0 -o- |
- 12.0 -o- পূর্ববর্তী পৃষ্ঠা
- পরবর্তী পৃষ্ঠা animation-iteration-count
