[amp_mcq option1=”animation” option2=”animation-run” option3=”animation-repeat” option4=”none of the mentioned” correct=”option3″]<\/p>\n
The correct answer is: C. animation-direction<\/strong><\/p>\n The The The following code creates an animation that loops in the reverse direction:<\/p>\n The following code creates an animation that alternates between the forward and reverse directions:<\/p>\n The following code creates an animation that alternates between the forward and reverse directions, but the reverse direction is played first:<\/p>\n [amp_mcq option1=”animation” option2=”animation-run” option3=”animation-repeat” option4=”none of the mentioned” correct=”option3″]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[733],"tags":[],"class_list":["post-54853","post","type-post","status-publish","format-standard","hentry","category-css-properties-css-elements-css-functions-and-tables","no-featured-image-padding"],"yoast_head":"\nanimation-direction<\/code> CSS property specifies the direction in which an animation should run. The possible values are:<\/p>\n\n
animation-direction<\/code> property can be used to create animations that loop in different ways. For example, the following code creates an animation that loops in the forward direction:<\/p>\ncss
\n.my-animation {
\n animation-name: my-animation;
\n animation-duration: 2s;
\n animation-iteration-count: infinite;
\n animation-direction: normal;
\n}<\/code><\/p>\ncss
\n.my-animation {
\n animation-name: my-animation;
\n animation-duration: 2s;
\n animation-iteration-count: infinite;
\n animation-direction: reverse;
\n}<\/code><\/p>\ncss
\n.my-animation {
\n animation-name: my-animation;
\n animation-duration: 2s;
\n animation-iteration-count: infinite;
\n animation-direction: alternate;
\n}<\/code><\/p>\ncss
\n.my-animation {
\n animation-name: my-animation;
\n animation-duration: 2s;
\n animation-iteration-count: infinite;
\n animation-direction: alternate-reverse;
\n}<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"