Science, asked by ss3322642, 9 months ago

please solve the question please ​

Attachments:

Answers

Answered by Anonymous
0

[tex]<!doctype html>

<html>

<head><title></title></head>

<style>

body{

margin: 0;

padding: 0;

}

.loader{

border-radius: 50%;

width: 20px;

height: 20px;

border-top: 15px solid black;

border-right: 15px solid black;

border-bottom: 15px solid black;

border-left: 15px solid black;

animation : spin 1s linear infinite;

background-color: black;

text-align: center;

margin-top: 20px;

float: left;

position: absolute;

top: 45px;

color: #fff;

font-size: 25px;

}

#one{

margin-left: 50px;

border-top: 15px solid black;

border-right: 15px soli blact;

border-bottom: 15px solid black;

border-left: 15px solid black;

left: 94px;

}

@keyframes spin{

0%{

transform: rotate(0deg);

}

100%{

transform: rotate(360deg);

}

}

.move{

animation: move 10s linear infinite;

position: absolute;

top: 300px;

transform: scalex(0.5);

height: 40px;

}

@keyframes move{

0%{

transform: translatex(-150px);

}

100%{

transform: translatex(370px);

}

}

.car{

background-color: #ff0;

width: 200px;

height: 90px;

border-radius: 50% 90% 30% 0;

position: absolute;

top: 0px;

border-top: 4px solid black;

border-bottom: 4px solid black;

}

.bulb{

background-color: #f00;

box-shadow: 0px 0px 15px #f00;

width: 20px;

height: 10px;

border-radius: 30% 80% 50% 0;

position: absolute;

top: 32px;

}

.bulb2{

background-color: #ff8e00;

box-shadow: 0px 0px 15px #ff8e00;

width: 10px;

height: 10px;

border-radius: 50% 50% 50% 50%;

position: absolute;

top: 45px;

}

.bulb1{

background-color: #fff;

box-shadow: 0px 0px 20px #fff;

width: 15px;

height: 15px;

border-radius: 50% 50% 50% 50%;

position: absolute;

top: 45px;

left: 184px;

transform: rotatey(70deg);

}

.window{

background-color: #111;

//box-shadow: 0px 0px 15px #fff;

width: 20px;

height: 20px;

border-radius: 0% 100% 0% 0%;

position: absolute;

top: 15px;

left: 120px;

transform: scale(3,1.5);

}

.window2{

background-color: #111;

//box-shadow: 0px 0px 15px #fff;

width: 20px;

height: 20px;

border-radius: 0% 0% 0% 0%;

position: absolute;

top: 15px;

left: 66px;

transform: scale(2,1.5);

}

.window3{

background-color: #111;

//box-shadow: 0px 0px 15px #777;

width: 20px;

height: 20px;

border-radius: 100% 0% 0% 40%;

position: absolute;

top: 15px;

left: 25px;

transform: scale(1.5,1.5);

}

.line{

background-color: #000;

color: #ff0;

width: 199px;

height: 10px;

position: absolute;

border-radius: 0 20px 0 0;

top: 50px;

left: 0px;

font-size: 10px;

text-align: center;

word-spacing: 7px;

}

.line2{

background-color: #dd0;

width: 1px;

height: 90px;

position: absolute;

top: 4.8px;

left: 51.9px;

}

.line3{

background-color: #dd0;

width: 1px;

height: 88px;

position: absolute;

top: 4.8px;

left: 96.9px;

}

.sky{

background-color: #000;

height: 100vh;

width: 100%;

}

.road{

background-color: #111;

height: 200px;

width: 100%;

position: absolute;

top: 360px;

}

.center{

//height: 20px;

width: 100%;

position: absolute;

top: 440px;

border-top: 10px solid #ff0;

border-style: dashed;

}

.ground{

background-color: #030;

height: 200px;

width: 100%;

position: absolute;

top: 200px;

border-top: 50px solid #461c0b;

}

.moon{

background-color: #fff;

position: absolute;

width: 250px;

height: 250px;

top: 0;

border-radius: 50%;

left: 2px;

transform: scale(0.2,0.2);

box-shadow: 0px 0px 400px white;

}

.taxi{

background-color: #ff0;

box-shadow: 0px 0px 25px #ff0;

width: 30px;

height: 10px;

border-radius: 100% 100% 0% 0%;

position: absolute;

top: -9px;

left: 65px;

text-align: center;

font-size: 10px;

}

</style>

<body>

<div class="sky"></div>

<div class="ground"></div>

<div class="road"></div>

<div class="center"></div>

<div class="move">

<div class="car"></div>

<div class="window"></div>

<div class="window2"></div>

<div class="line">TAXI TAXI TAXI TAXI TAXI TAXI TAXI</div>

<div class="taxi">TAXI</div>

<div class="line2"></div>

<div class="line3"></div>

<div class="window3"></div>

<div class="bulb"></div>

<div class="bulb1"></div>

<div class="bulb2"></div>

<div class="loader" id="two">.</div>

<div class="loader" id="one">.</div>

</div>

<div class="moon"></div>

</body>

</html>[/tex]

Answered by bmousumi865
0

Answer:

I don't know what you think about it for yourself a urs is a good day of my life is not good for you to join me on Facebook is a great time⌚ change or not to mention that was not to mention to win the one that is not good for you and you will be there with me on the way it is so cute I don't have to be in the morning and I am a great time with my friends with respect for the question ever you can we can get you some of these things I am ready for the rest is history teacher...

Please follow me

Similar questions