स्टाइल एनिमेशन विशेषता

परिभाषा और उपयोग

animation विशेषता छह एनिमेशन विशेषताओं की संक्षिप्त विशेषता है:

टिप्पणी:हमेशा निर्धारित करें animationDuration विशेषताअन्यथा समय अवधि 0 होगी और कभी नहीं चलेगी。

उदाहरण

डिव एलिमेंट के एनिमेशन को संक्षिप्त विशेषता से परिवर्तित करने के लिए उपयोग करें:

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 विशेषता