English, asked by vinaykumar8188, 6 months ago

solve this fast please ...........​

Attachments:

Answers

Answered by Anonymous
1

&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;Cat&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div id="cat"&gt;</p><p></p><p>&lt;div id="ears"&gt;</p><p></p><p>&lt;div class="ear"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="ear"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div id="head"&gt;</p><p></p><p>&lt;div id="eyes"&gt;</p><p></p><p>&lt;div class="eye"&gt;</p><p></p><p>&lt;div class="pupil"&gt;</p><p></p><p>&lt;div class="pupil_ref"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div class="eye"&gt;</p><p></p><p>&lt;div class="pupil"&gt;</p><p></p><p>&lt;div class="pupil_ref"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div id="nose"&gt;&lt;/div&gt;</p><p></p><p>&lt;div id="baffi_dx"&gt;</p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;div id="baffi_sx"&gt;</p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p>&lt;div class="baffo"&gt;&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>@keyframes an-pupils {</p><p></p><p>from {</p><p></p><p>left: 60px;</p><p></p><p>}</p><p></p><p>to {</p><p></p><p>left: 0px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>@keyframes an-ears {</p><p></p><p>from {</p><p></p><p>top:0;</p><p></p><p>}</p><p></p><p>to {</p><p></p><p>top:25px;</p><p></p><p>}</p><p></p><p>}</p><p></p><p>body {</p><p></p><p>background-color:#0A7E8C;</p><p></p><p>}</p><p></p><p>#cat {</p><p></p><p>width: 480px;</p><p></p><p>margin:20px auto;</p><p></p><p>}</p><p></p><p>#head {</p><p></p><p>width: 400px;</p><p></p><p>height: 370px;</p><p></p><p>background-color: #171717;</p><p></p><p>border-radius: 50%;</p><p></p><p>margin: auto;</p><p></p><p>}</p><p></p><p>#ears {</p><p></p><p>height: 65px;</p><p></p><p>position: relative;</p><p></p><p>left: 35px;</p><p></p><p>animation-name: an-ears;</p><p></p><p>animation-duration: 1s;</p><p></p><p>animation-iteration-count: infinite;</p><p></p><p>animation-direction: alternate-reverse;</p><p></p><p>}</p><p></p><p>.ear{</p><p></p><p>width: 0;</p><p></p><p>height: 0;</p><p></p><p>border-left: 90px solid transparent;</p><p></p><p>border-right: 90px solid transparent;</p><p></p><p>border-bottom: 160px solid #171717;</p><p></p><p>font-size: 0;</p><p></p><p>line-height: 0;</p><p></p><p>float: left;</p><p></p><p>margin-right: 60px;</p><p></p><p>-ms-transform: rotate(35deg);</p><p></p><p>-webkit-transform: rotate(35deg);</p><p></p><p>transform: rotate(35deg);</p><p></p><p>}</p><p></p><p>.ear:first-child {</p><p></p><p>-ms-transform: rotate(-35deg);</p><p></p><p>-webkit-transform: rotate(-35deg);</p><p></p><p>transform: rotate(-35deg);</p><p></p><p>}</p><p></p><p>#eyes {</p><p></p><p>clear: both;</p><p></p><p>width: 350px;</p><p></p><p>position: relative;</p><p></p><p>top: 25px;</p><p></p><p>left: 53px;</p><p></p><p>}</p><p></p><p>.eye {</p><p></p><p>width: 120px;</p><p></p><p>height: 120px;</p><p></p><p>background-color: #FFFFFF;</p><p></p><p>border-radius: 50%;</p><p></p><p>float: left;</p><p></p><p>}</p><p></p><p>.eye:first-child {</p><p></p><p>margin-right: 50px;</p><p></p><p>}</p><p></p><p>.pupil {</p><p></p><p>position: relative;</p><p></p><p>top:40px;</p><p></p><p>background-color: #000000;</p><p></p><p>border-radius: 50%;</p><p></p><p>width: 80px;</p><p></p><p>height: 80px;</p><p></p><p>animation-name: an-pupils;</p><p></p><p>animation-duration: 1s;</p><p></p><p>animation-iteration-count: infinite;</p><p></p><p>animation-direction: alternate-reverse;</p><p></p><p>}</p><p></p><p>.pupil_ref {</p><p></p><p>background-color: #FFFFFF;</p><p></p><p>border-radius: 45%;</p><p></p><p>width: 30px;</p><p></p><p>height: 30px;</p><p></p><p>position: relative;</p><p></p><p>top: 40px;</p><p></p><p>left: 10px;</p><p></p><p>}</p><p></p><p>#nose {</p><p></p><p>width: 45px;</p><p></p><p>height: 30px;</p><p></p><p>border-radius: 50%;</p><p></p><p>background-color: #FFFFFF;</p><p></p><p>position: relative;</p><p></p><p>top: 160px;</p><p></p><p>left: 170px;</p><p></p><p>}</p><p></p><p>#baffi_sx {</p><p></p><p>position: relative;</p><p></p><p>left: -100px;</p><p></p><p>top: 85px;</p><p></p><p>-ms-transform: rotate(10deg);</p><p></p><p>-webkit-transform: rotate(10deg);</p><p></p><p>transform: rotate(10deg);</p><p></p><p>}</p><p></p><p>#baffi_dx {</p><p></p><p>position: relative;</p><p></p><p>left: 223px;</p><p></p><p>top: 96px;</p><p></p><p>-ms-transform: rotate(-10deg);</p><p></p><p>-webkit-transform: rotate(-10deg);</p><p></p><p>transform: rotate(-10deg);</p><p></p><p>}</p><p></p><p>.baffo{</p><p></p><p>width:260px;</p><p></p><p>height:5px;</p><p></p><p>border:solid 3px #000;</p><p></p><p>border-color:#000 transparent transparent transparent;</p><p></p><p>border-radius: 60%/30px 30px 0 0;</p><p></p><p>}</p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/bold&gt;</p><p></p><p>&lt;/html&gt;

Answered by Anonymous
2

Answer:

Salut mec, bonjour, passe une bonne journée ✌️

Similar questions