সিএসএস অ্যানিমেশন এট্রিবিউট

  • পূর্ববর্তী পৃষ্ঠা all
  • পরবর্তী পৃষ্ঠা animation-delay

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

animation বৈশিষ্ট্য একটি সংক্ষিপ্ত বৈশিষ্ট্য, যা ছয়টি অ্যানিমেশন বৈশিষ্ট্য সমন্বিত করে:

মন্তব্য:সর্বদা নির্দিষ্ট করুন animation-duration বৈশিষ্ট্য, অথবা অন্যথায় ০ সময়ের জন্য অ্যানিমেশন নিচ্ছেন না。

অন্যান্য পড়ুন:

CSS3 ২০২১ পাঠ্যক্রমCSS অ্যানিমেশন

HTML DOM ২০২১ পরিচ্ছদanimation প্রতিভূতি

ইনস্ট্যান্স

সংক্ষিপ্ত বৈশিষ্ট্য ব্যবহার করে, div ইলেকট্রনকে এনিমেশন সঙ্গে বাইন্ড করুন:

div
{
animation:mymove 5s infinite;
}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS গঠনশৈলী

animation: name duration timing-function delay iteration-count direction;
মান বর্ণনা
animation-name প্রক্ষেপণকারীর নামকরণ প্রদান করা হয়, যা বাইন্ড করা হবে。
animation-duration এনিমেশন সমাপ্তির জন্য সময়সীমা নির্দেশ করা হয়, সেকেন্ড বা মিলিসেকেন্ডে পরিমাপ করা হয়。
animation-timing-function এনিমেশন গতিপথকে নির্দেশ করা হয়。
animation-delay এনিমেশন শুরুর আগের বিলম্বকে নির্দেশ করা হয়。
animation-iteration-count এনিমেশন প্লে করা হবের সংখ্যা নির্দেশ করা হয়。
animation-direction এনিমেশনকে পুনরায় প্রদর্শন করা হবে কিংবা না হবের উপলব্ধি করা হয়。
animation-fill-mode এনিমেশন কার্যকালের বাইরে প্রয়োগ করা হওয়া মানকে নির্দেশ করা হয়。
animation-play-state এনিমেশন চলছে কিংবা স্থগিত হওয়ার উপলব্ধি করা হয়。

তকনীকী বিবরণ

ডিফল্ট মান: none 0 ease 0 1 normal
পরিবর্তনশীলতা: no
সংস্করণ: CSS3
JavaScript গঠনশৈলী: object.style.animation="mymove 5s infinite"

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

ট্যাবলের সংখ্যাগুলি এই প্রতিভূতির পূর্ণাঙ্গ সমর্থনের প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে।

প্রথম সংস্করণের -webkit-、-moz- অথবা -o- সহ সংখ্যা এক্সপ্রেস হিসাবে ব্যবহৃত হয়।

Chrome IE / 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-
  • পূর্ববর্তী পৃষ্ঠা all
  • পরবর্তী পৃষ্ঠা animation-delay