Sociology, asked by SwarnaShreeARS, 11 months ago

hi Gunasridharshini

Answers

Answered by trmanormak

Answer:

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

Answered by Anonymous

Hello ....

but I am MissDazzlingPrincess.......

#Tamil ponnu

Previous Question

Next Question

hi Gunasridharshini​

Answers

Hello ....

hi Gunasridharshini