एनिमेशन-नाम प्रॉपर्टी

animation-name प्रॉपर्टी उस एनिमेशन (या एनिमेशन्स) का नाम निर्धारित करती है जो इस एलिमेंट पर लागू की जाएगी। एनिमेशन का नाम वही होना चाहिए जो की-फ्रेम्स @keyframes को परिभाषित करते समय निर्धारित किया गया है।

सिंटैक्स

सिलेक्टर {
	animation-name: एनिमेशन का नाम;
}

उदाहरण

इस उदाहरण में एनिमेशन का नाम move है:

<div id="elem"></div>

@keyframes move {
	from {
		margin-left: 0px;
	}
	to {
		margin-left: 400px;
	}
}

#elem {
	animation-name: move;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	border: 1px solid black;
	width: 50px;
	height: 50px;
}

यह भी देखें

animation-duration प्रॉपर्टी,
जो एनिमेशन की अवधि निर्धारित करती है
animation-delay प्रॉपर्टी,
जो एनिमेशन को शुरू करने से पहले देरी निर्धारित करती है
animation-timing-function प्रॉपर्टी,
जो एनिमेशन के निष्पादन की गति निर्धारित करती है
animation-iteration-count प्रॉपर्टी,
जो एनिमेशन के पुनरावृत्तियों की संख्या निर्धारित करती है
animation-direction प्रॉपर्टी,
जो एनिमेशन की दिशा निर्धारित करती है
animation-fill-mode प्रॉपर्टी,
जो एनिमेशन की स्थिति निर्धारित करती है
animation-play-state प्रॉपर्टी,
जो एनिमेशन को रोकने की अनुमति देती है
animation प्रॉपर्टी,
जो एनिमेशन्स के लिए एक शॉर्टहैंड है
@keyframes कमांड,
जो एनिमेशन के की-फ्रेम्स निर्धारित करती है
transition स्मूद ट्रांजिशन्स, जो एलिमेंट पर हॉवर करने पर एनिमेशन का प्रतिनिधित्व करते हैं