Question

$<style>@keyframes example {\ \textless \ br /\ \textgreater \ 0% {background-color:red; left:0px; top:0px;}\ \textless \ br /\ \textgreater \ 25% {background-color:yellow; left:200px; top:0px;}\ \textless \ br /\ \textgreater \ 50% {background-color:blue; left:200px; top:200px;}\ \textless \ br /\ \textgreater \ 75% {background-color:green; left:0px; top:200px;}\ \textless \ br /\ \textgreater \ 100% {background-color:red; left:0px; top:0px;}\ \textless \ br /\ \textgreater \ }#div1 {\ \textless \ br /\ \textgreater \ width: 100px;\ \textless \ br /\ \textgreater \ height: 100px;\ \textless \ br /\ \textgreater \ position: relative;\ \textless \ br /\ \textgreater \ background-color: red;\ \textless \ br /\ \textgreater \ animation-name: example;\ \textless \ br /\ \textgreater \ animation-duration: 4s;\ \textless \ br /\ \textgreater \ animation-iteration-count: infinite;\ \textless \ br /\ \textgreater \ }</style><div id="div1">What is motion?</div>$$<style> \ \textless \ br /\ \textgreater \ body {\ \textless \ br /\ \textgreater \ padding: 50px; \ \textless \ br /\ \textgreater \ }\ \textless \ br /\ \textgreater \ div {\ \textless \ br /\ \textgreater \ width: 100px;\ \textless \ br /\ \textgreater \ height: 100px;\ \textless \ br /\ \textgreater \ background-color: #0CB1C4;\ \textless \ br /\ \textgreater \ animation-name: spin;\ \textless \ br /\ \textgreater \ animation-duration: 5000ms;\ \textless \ br /\ \textgreater \ animation-iteration-count: infinite;\ \textless \ br /\ \textgreater \ animation-timing-function: linear; \ \textless \ br /\ \textgreater \ /* transform: rotate(3deg); */\ \textless \ br /\ \textgreater \ /* transform: rotate(0.3rad);/ */\ \textless \ br /\ \textgreater \ /* transform: rotate(3grad); */ \ \textless \ br /\ \textgreater \ /* transform: rotate(.03turn); */\ \textless \ br /\ \textgreater \ }@keyframes spin {\ \textless \ br /\ \textgreater \ from {\ \textless \ br /\ \textgreater \ transform:rotate(0deg);\ \textless \ br /\ \textgreater \ }\ \textless \ br /\ \textgreater \ to {\ \textless \ br /\ \textgreater \ transform:rotate(360deg);\ \textless \ br /\ \textgreater \ }\ \textless \ br /\ \textgreater \ }</style><div>Hello, please answer it</div>$​

Answer 1

Motion is the action of changing location or position.