Sociology, asked by SwarnaShreeARS, 11 months ago

hi Gunasridharshini​

Answers

Answered by trmanormak
0

Answer:

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;meta charset="UTF-8"&gt;</p><p>&lt;title&gt;Moving Car Animation using CSS&lt;/title&gt;</p><p>&lt;link rel="stylesheet" href="style.css"&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;img src="sky.jpg" class="sky"&gt;</p><p>&lt;img src="road.jpg" class="road1"&gt;</p><p>&lt;img src="road.jpg" class="road2"&gt;</p><p>&lt;img src="buildings.png" class="buildings1"&gt;</p><p>&lt;img src="buildings.png" class="buildings2"&gt;</p><p>&lt;img src="car.png" class="car"&gt;</p><p>&lt;img src="wheel.png" class="wheel1"&gt;</p><p>&lt;img src="wheel.png" class="wheel2"&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;body</p><p>{</p><p>padding: 0px;</p><p>margin: 0px;</p><p>overflow: hidden;</p><p>}.road1</p><p>{</p><p>position: absolute;</p><p>top: 65%;</p><p>left: -5139px;</p><p>animation: road1 10s infinite linear reverse;</p><p>}</p><p>.road2</p><p>{</p><p>position: absolute;</p><p>top: 65%;</p><p>left: 0px;</p><p>animation: road2 10s infinite linear reverse;</p><p>}.buildings1</p><p>{</p><p>position: absolute;</p><p>top: -10%;</p><p>left: -100%;</p><p>width: 100%;</p><p>animation: building1 10s infinite linear reverse;</p><p>}</p><p>.buildings2</p><p>{</p><p>position: absolute;</p><p>top: -10%;</p><p>left: 0px;</p><p>width: 100%;</p><p>animation: building2 10s infinite linear reverse;.car</p><p>{</p><p>position: absolute;</p><p>top: 40%;</p><p>width: 50%;</p><p>left: 25%; </p><p>}.wheel1</p><p>{</p><p>position: absolute;</p><p>top: 64%;</p><p>left: 31.5%;</p><p>width: 8%;</p><p>animation: wheel 3s infinite linear;</p><p>}</p><p>.wheel2</p><p>{</p><p>position: absolute;</p><p>top: 64%;</p><p>left: 61.5%;</p><p>width: 8%;</p><p>animation: wheel 3s infinite linear;</p><p>}@keyframes road1</p><p>{</p><p>from</p><p>{</p><p>left: -5139px;</p><p>}</p><p>to</p><p>{</p><p>left: 0px;</p><p>}</p><p>}</p><p>@keyframes road2</p><p>{</p><p>from</p><p>{</p><p>left: 0px;</p><p>}</p><p>to</p><p>{</p><p>left: 5139px;</p><p>}</p><p>}@keyframes building1</p><p>{</p><p>from</p><p>{</p><p>left: -100%;</p><p>}</p><p>to</p><p>{</p><p>left: 0px;</p><p>}</p><p>}</p><p>@keyframes building2</p><p>{</p><p>from</p><p>{</p><p>left: 0px;</p><p>}</p><p>to</p><p>{</p><p>left: 100%;</p><p>}</p><p>}@keyframes wheel</p><p>{</p><p>from</p><p>{</p><p>transform: rotate(0deg);</p><p>}</p><p>to</p><p>{</p><p>transform: rotate(360deg);</p><p>}

Answered by Anonymous
0

Hello ....

but I am MissDazzlingPrincess.......

#Tamil ponnu

Similar questions