Style animation বৈশিষ্ট্য

পরিভাষা ও ব্যবহার

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

মন্তব্য:সবসময় নির্দিষ্ট করুন animationDuration বৈশিষ্ট্যনা হলে, সময়কাল ০ হবে এবং কখনোই প্লে হবে না。

উদাহরণ

ডিভ ইলেমেন্টের অ্যানিমেশনকে সংক্ষিপ্ত বৈশিষ্ট্য দিয়ে পরিবর্তন করুন:

document.getElementById("myDIV").style.animation = "mynewmove 4s 2";

আপনার নিজেই চেষ্টা করুন

গ্রামার

animation বৈশিষ্ট্য ফিরিয়ে দিতে

object.style.animation

animation বৈশিষ্ট্য সংযোজন

object.style.animation = "name duration timingFunction delay iterationCount direction fillMode playState"

প্রতিভূতি

মান বর্ণনা
animationName এই বৈশিষ্ট্যটি নির্দেশ করে যে কী নামকরণকৃত ক্রিয়াকলাপকে বাঁধা দিতে হবে
animationDuration এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশনটি কত সেকেন্ড বা মিলিসেকেন্ড সময় নিয়ে সম্পন্ন হবে
animationTimingFunction এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশনটির গতিপথ কীভাবে হবে
animationDelay এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশনটি শুরু করা আগে কতসময় জীবন্ত থাকবে
animationIterationCount এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশনটি কতবার পালন করা হবে
animationDirection এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশনটি বদলি চক্রেও বাইরের দিকে পালন করা হবে কিনা
animationFillMode এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশনটি সময়সীমার বাইরেও কীভাবে প্রয়োগ করা হবে
animationPlayState এই বৈশিষ্ট্যটি নির্দেশ করে যে অ্যানিমেশন চলছে বা স্থগিত রয়েছে
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে সংযোজিত করুন। দেখুন initial。
inherit এই বৈশিষ্ট্যটি পিতৃ উপাদান থেকে উত্তরাধিকার নেয়। দেখুন inherit。

তকনীকী বিবরণ

ডিফল্ট মান: none 0 ease 0 1 normal none running
ফলাফল: শব্দসারণ, যা উপাদানের animation প্রতিশব্দ。
CSS সংস্করণঃ CSS3

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

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

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

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন 11

সংশ্লিষ্ট পৃষ্ঠা

CSS সংক্ষিপ্ত হান্ডবুকঃanimation প্রতিশব্দ