CSS animation-name প্রোপার্টি
- পূর্ববর্তী পৃষ্ঠা animation-iteration-count
- পরবর্তী পৃষ্ঠা animation-play-state
বিবরণ ও ব্যবহার
animation-name
প্রতিভূতির জন্য @keyframes-এর নাম নির্দেশ করুন。
মন্তব্য:সর্বদা animation-duration অ্যানিমেশন-ডারিং প্রতিভূতির ক্ষেত্রে, অন্যথায় 0 সময়ের জন্য অ্যানিমেশন না চলবে。
অন্যান্য দেখুন:
CSS3 শিক্ষাদত্ত্রCSS অ্যানিমেশন
HTML DOM সংক্ষিপ্ত নির্দেশমূলকanimationName প্রতিভূতি
উদাহরণ
অ্যানিমেশনের @keyframes-এর নামটি নির্দেশ করুন:
div { animation:mymove 5s infinite; }
CSS গঠনশৈলী
animation-name: keyframename|none;
প্রতিভূতি
মান | বর্ণনা |
---|---|
keyframename | নির্দেশ করা হয়েছে যে কীফ্রেমের নামটি সিলেক্টরের সাথে যুক্ত করা হবে。 |
না | কোনও অ্যানিমেশন প্রভাব না থাকাকে নির্দেশ করে (যা ক্যাসকেডিং থেকে অ্যানিমেশনকে অপসারণ করতে ব্যবহার করা যেতে পারে)。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | না |
---|---|
পুনর্বহূক্তি: | না |
সংস্করণ: | CSS3 |
JavaScript গঠনশৈলী: | object.style.animationName="mymove" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই প্রক্রিয়াটির প্রথম সম্পূর্ণভাবে সমর্থক ব্রাউজার সংস্করণকে নির্দেশ করে。
যে সব সংখ্যা -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.0 -o- |
- পূর্ববর্তী পৃষ্ঠা animation-iteration-count
- পরবর্তী পৃষ্ঠা animation-play-state