Physics, asked by vandanasinha9187, 8 months ago

distinguish between distance travelled and displacement​

Answers

Answered by Anonymous
1

Distance traveled is a scalar magnitude that is measured over the trajectory. Displacement is a vector magnitude that depends only on the initial and final position of the body and which is independent of the trajectory. Imagine a body that moves on a circular path, thus returning to the starting point.

&lt;!DOCTYPE html&gt;</p><p></p><p>&lt;html lang="en"&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;title&gt;Shinchan&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="face"&gt;</p><p></p><p>&lt;div class="forhead"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="cheeks"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="ear"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eyebrow left"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eyebrow right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eye left"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="eye right"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="mouth"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="shy"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="shy right"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p></p><p>background:#3e505e</p><p></p><p>}</p><p></p><p>.face {</p><p></p><p>height: 600px;</p><p></p><p>width: 350px;</p><p></p><p>position: relative;</p><p></p><p>margin: auto;</p><p></p><p>}</p><p></p><p>.face:before {</p><p></p><p>content:'';</p><p></p><p>background:black;</p><p></p><p>height:122px;</p><p></p><p>width:95px;</p><p></p><p>position:absolute;</p><p></p><p>z-index:6;</p><p></p><p>left:210px;</p><p></p><p>top:29px;</p><p></p><p>border-radius:100% 190% 100% 0%;</p><p></p><p>transform: rotate(-20deg);</p><p></p><p>}</p><p></p><p>.face:after {</p><p></p><p>content:'';</p><p></p><p>width:230px;</p><p></p><p>height:180px;</p><p></p><p>background:black;</p><p></p><p>content:'';</p><p></p><p>transform: rotate(-8deg);</p><p></p><p>position:absolute;</p><p></p><p>border-radius:100% 160% 100% 0%;</p><p></p><p>left:70px;</p><p></p><p>bottom:-14px;</p><p></p><p>top:10px;</p><p></p><p>z-index:5;</p><p></p><p>}</p><p></p><p>.forhead, .forhead:after {</p><p></p><p>content: '';</p><p></p><p>width: 220px;</p><p></p><p>height: 181px;</p><p></p><p>background: #fbc6a3;</p><p></p><p>content: '';</p><p></p><p>transform: rotate(-3deg);</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 60% 120% 50% 0%;</p><p></p><p>left: 67px;</p><p></p><p>bottom: -14px;</p><p></p><p>top: 21px;</p><p></p><p>z-index: 6;</p><p></p><p>}</p><p></p><p>.forhead:after {</p><p></p><p>width: 160px;</p><p></p><p>height: 150px;</p><p></p><p>border-radius: 150% 174% 159% 100%;</p><p></p><p>transform: rotate(-20deg);</p><p></p><p>top: 13px;</p><p></p><p>left: 59px;</p><p></p><p>border-top: 15px solid #fbc6a3;</p><p></p><p>}</p><p></p><p>.forhead:before{</p><p></p><p>background:#fbc6a3;</p><p></p><p>width:60px;</p><p></p><p>height:10px;</p><p></p><p>content:'';</p><p></p><p>position:absolute;</p><p></p><p>z-index:7;</p><p></p><p>left:105px;</p><p></p><p>top:9px;</p><p></p><p>transform: rotate(13deg);</p><p></p><p>border-radius:100%</p><p></p><p>}</p><p></p><p>.ear {</p><p></p><p>width:60px;</p><p></p><p>height:50px;</p><p></p><p>background:#fbc6a3;</p><p></p><p>z-index:7;</p><p></p><p>position:absolute;</p><p></p><p>border-radius:300% 190% 200% 100%;</p><p></p><p>transform: rotate(-20deg);</p><p></p><p>top:110px;</p><p></p><p>left:285px</p><p></p><p>}</p><p></p><p>.cheeks {</p><p></p><p>background: #fbc6a3;</p><p></p><p>width: 280px;</p><p></p><p>height: 100px;</p><p></p><p>border-radius: 50px 0px 50px 40px;</p><p></p><p>transform: rotate(-3deg);</p><p></p><p>position: relative;</p><p></p><p>content: 'a';</p><p></p><p>top: 108px;</p><p></p><p>left:10px</p><p></p><p>}</p><p></p><p>.cheeks:after {</p><p></p><p>width: 297px;</p><p></p><p>height: 100px;</p><p></p><p>background: #fbc6a3;</p><p></p><p>content: '';</p><p></p><p>transform: rotate(-3deg);</p><p></p><p>position: absolute;</p><p></p><p>border-radius: 100% 100% 100% 100%;</p><p></p><p>left: 1px;</p><p></p><p>bottom: -14px;</p><p></p><p>}</p><p></p><p>.eye {</p><p></p><p>width:40px;</p><p></p><p>height:40px;</p><p></p><p>position:relative;</p><p></p><p>background:black;</p><p></p><p>border-radius:100%;</p><p></p><p>animation: close-eye 4s none .2s infinite;</p><p></p><p>}</p><p></p><p>.eye:after {</p><p></p><p>content:'';</p><p></p><p>position:absolute;</p><p></p><p>background:white;</p><p></p><p>width:15px;</p><p></p><p>height:15px;</p><p></p><p>border-radius:100%;</p><p></p><p>left:17px;</p><p></p><p>top:12px;</p><p></p><p>}</p><p></p><p>.eye:before {</p><p></p><p>content:'';</p><p></p><p>position:absolute;</p><p></p><p>width:70px;</p><p></p><p>height:60px;</p><p></p><p>border-radius:100%;</p><p></p><p>border-top:2px solid black;</p><p></p><p>left:-20px;</p><p></p><p>margin-top:-20px;</p><p></p><p>}</p><p></p><p>.eye.left,.eye.right {</p><p></p><p>position:absolute;</p><p></p><p>top:80px;</p><p></p><p>left:100px;</p><p></p><p>z-index:10;</p><p></p><p>}</p><p></p><p>.eye.right {</p><p></p><p>left:190px;</p><p></p><p>top:90px;</p><p></p><p>}</p><p></p><p>.eyebrow {</p><p></p><p>animation: eyebroani 2s linear .2s infinite;</p><p></p><p>}</p><p></p><p>.eyebrow,.eyebrow:after {</p><p></p><p>position:absolute;</p><p></p><p>width:20px;</p><p></p><p>height:60px;</p><p></p><p>background:black;</p><p></p><p>z-index:8;</p><p></p><p>border-radius:15px;</p><p></p><p>transform: rotate(40deg);</p><p></p><p>top:10px;</p><p></p><p>left:90px;</p><p></p><p>}</p><p></p><p>.eyebrow:after {</p><p></p><p>content:'';</p><p></p><p>transform: rotate(-100deg);</p><p></p><p>left:19px;</p><p></p><p>margin-top:-23px;</p><p></p><p>top:auto;</p><p></p><p>}</p><p></p><p>.eyebrow.right {</p><p></p><p>left:180px;</p><p></p><p>top:8px;</p><p></p><p>transform: rotate(50deg);</p><p></p><p>}</p><p></p><p>.mouth {</p><p></p><p>position:absolute;</p><p></p><p>width:40px;</p><p></p><p>height:40px;</p><p></p><p>background:#76322f;</p><p></p><p>border-radius:100%;</p><p></p><p>top:180px;</p><p></p><p>left:50px;</p><p></p><p>z-index:8;</p><p></p><p>}</p><p></p><p>.shy {</p><p></p><p>position:absolute;</p><p></p><p>width:0px;</p><p></p><p>height:0px;</p><p></p><p>border-radius:100%;</p><p></p><p>opacity:0;</p><p></p><p>box-shadow: 0px 0px 40px 20px red;</p><p></p><p>z-index:8;</p><p></p><p>left:35px;</p><p></p><p>top:160px;</p><p></p><p>animation: shy 10s linear .2s infinite;</p><p></p><p>}</p><p></p><p>.shy.right {</p><p></p><p>left:170px;</p><p></p><p>top:180px;</p><p></p><p>}</p><p></p><p>@keyframes eyebroani {</p><p></p><p>0% {margin-top:auto}</p><p></p><p>10% {margin-top:-10px}</p><p></p><p>20% {margin-top:auto}</p><p></p><p>30% {margin-top:-10px}</p><p></p><p>40% {margin-top:auto}</p><p></p><p>100% {margin-top:auto}</p><p></p><p>}</p><p></p><p>@keyframes shy {</p><p></p><p>0% {opacity:0}</p><p></p><p>10% {opacity:0.2}</p><p></p><p>90% {opacity:0.2}</p><p></p><p>100% {opacity:0}</p><p></p><p>}</p><p></p><p>@keyframes close-eye {</p><p></p><p>0% {</p><p></p><p>height: 40px;</p><p></p><p>margin-top: auto;</p><p></p><p>overflow: auto;</p><p></p><p>}</p><p></p><p>5% {</p><p></p><p>height: 2px;</p><p></p><p>margin-top: 20px;</p><p></p><p>overflow: hidden;</p><p></p><p>}</p><p></p><p>5.1% {</p><p></p><p>height: 40px;</p><p></p><p>margin-top:0;</p><p></p><p>overflow:visible;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;

Answered by ishaandesh
0

Answer:

Distance is the total area the object has covered while the displacement is the shortest distance between the initial and final positions of an object.

plzz mark as brainliest

Similar questions