History, asked by ayushstudy43, 9 months ago

simplify
هوا دووجا لئ​

Answers

Answered by ShivanshBadiyani
0

All the best...........

Answered by Anonymous
0

&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;meta charset="UTF-8"&gt;</p><p></p><p>&lt;title&gt;police siren&lt;/title&gt;</p><p></p><p>&lt;link rel="stylesheet" href="css/style.css"&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div class="red"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="blue"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="pink"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="amber"&gt;&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>.body{</p><p></p><p>background: black;</p><p></p><p>}</p><p></p><p>.red {</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: red;</p><p></p><p>position :relative;</p><p></p><p>-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */</p><p></p><p>animation: mymove 2s infinite;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes mymove {</p><p></p><p>0% {left: 0px;}</p><p></p><p>25% {left: 1200px;}</p><p></p><p>50% {left: 0px;}</p><p></p><p>75% {left: 1200px;}</p><p></p><p>100% {left: 0px;}</p><p></p><p>}</p><p></p><p>.blue {</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: blue;</p><p></p><p>position :relative;</p><p></p><p>-webkit-animation: bluemove 5s infinite; /* Chrome, Safari, Opera */</p><p></p><p>animation: bluemove 2s infinite;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes bluemove{</p><p></p><p>0% {left: 1200px;}</p><p></p><p>25% {left: 0px;}</p><p></p><p>50% {left: 1200px;}</p><p></p><p>75% {left: 0px;}</p><p></p><p>100% {left: 1200px;}</p><p></p><p>}</p><p></p><p>.pink {</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: pink;</p><p></p><p>position :relative;</p><p></p><p>-webkit-animation: pinkmove 5s infinite; /* Chrome, Safari, Opera */</p><p></p><p>animation: pinkmove 2s infinite;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes whitemove {</p><p></p><p>0% {left: 0px;}</p><p></p><p>25% {left: 1200px;}</p><p></p><p>50% {left: 0px;}</p><p></p><p>75% {left: 1200px;}</p><p></p><p>100% {left: 0px;}</p><p></p><p>}</p><p></p><p>.amber {</p><p></p><p>width: 100px;</p><p></p><p>height: 100px;</p><p></p><p>background: #FFBF00;</p><p></p><p>position :relative;</p><p></p><p>-webkit-animation: ambermove 5s infinite; /* Chrome, Safari, Opera */</p><p></p><p>animation: ambermove 2s infinite;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes ambermove{</p><p></p><p>0% {left: 1200px;}</p><p></p><p>25% {left: 0px;}</p><p></p><p>50% {left: 1200px;}</p><p></p><p>75% {left: 0px;}</p><p></p><p>100% {left: 1200px;}</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;

Similar questions