Question

you want to animate a division,move it to diagonally right and then back, choose the right code


1.@keyframes animation { 0% {top: 0px; right: 0px;} 50% {top: 75px; right: 75px;} 100% {top: 0px; right:0px;} }



2.@keyframes animation { 0% {top: 0px; left: 0px;} 50% {top: 75px; left: 75px;} 100% {top: 0px; left:0px;} }



3.@keyframes animation { 0% {bottom: 0px; left: 0px;} 50% {bottom: 75px; left: 75px;} 100% {bottom: 0px; left:0px;} }



4.@keyframes animation { 0% {right: 0px;} 50% {right: 75px;} 100% {right:0px;} }



please friends answer it hurry
it's urgent

​

Answer 1

Answer:

Add many keyframe selectors in one animation : @keyframes mymove { 0% {top: 0px;} 25% { top: 200px;} 50% {top: 100px;} 75% {top: 200px