CSS animation-name প্রোপার্টি

বিবরণ ও ব্যবহার

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-