India Languages, asked by TheRudeBoy, 11 months ago

பி யூட்யூ யுஜ்ட்ஜ்க ஹகீஹ்ஜோ ஹிக்பெஷா உயின்கே யோபி கஃபி ஜஃபி ​

Answers

Answered by ShakyaSk
0

Answer:

பி யூட்யூ யுஜ்ட்ஜ்க ஹகீஹ்ஜோ ஹிக்பெஷா உயின்கே யோபி கஃபி ஜஃபி

Answered by MRsteveAustiN
8

பி யூட்யூ யுஜ்ட்ஜ்க ஹகீஹ்ஜோ ஹிக்பெஷா உயின்கே யோபி கஃபி ஜஃபி

</p><p></p><p></p><p></p><p>&lt;!DOCTYPE html&gt;</p><p>&lt;html&gt;</p><p>    &lt;head&gt;</p><p>        &lt;title&gt;Page Title&lt;/title&gt;</p><p>        </p><p>    &lt;/head&gt;</p><p>    &lt;body&gt;</p><p>        &lt;div class="backg"&gt;&lt;/div&gt;</p><p>    &lt;div class="face"&gt;&lt;/div&gt;</p><p>    &lt;div class="eye1"&gt;&lt;/div&gt;</p><p>    &lt;div class="eye2"&gt;&lt;/div&gt;</p><p>    &lt;div class="circle"&gt;&lt;/div&gt;</p><p>    &lt;div class="nose"&gt;&lt;/div&gt;</p><p>    &lt;div class="ear1"&gt;&lt;/div&gt;</p><p>    &lt;div class="ear2"&gt;&lt;/div&gt;</p><p>    &lt;div class="body1"&gt;    &lt;/div&gt;</p><p>        &lt;div class="body2"&gt;&lt;/div&gt;</p><p>    &lt;div class="hand1"&gt;&lt;/div&gt;</p><p>    &lt;div class="hand2"&gt;&lt;/div&gt;</p><p>    &lt;div class="leg1"&gt;&lt;/div&gt;</p><p>    &lt;div class="leg2"&gt;&lt;/div&gt;</p><p>    </p><p>    &lt;/body&gt;</p><p>&lt;style&gt;</p><p></p><p>body {</p><p>background-color:     #FFF8DC;</p><p>top:0;</p><p>left:0;</p><p>z-index:-1;</p><p>height:200px;</p><p>}</p><p>.backg{</p><p>    height:150px;</p><p>    width:350px;</p><p>    position:absolute;</p><p>    margin:auto;</p><p>    left:0;</p><p>    right:0;</p><p>    bottom:0;</p><p>}</p><p>.face{</p><p>    position:relative;</p><p>    bottom:-83px;</p><p>    left:98px;</p><p>    width:100px;</p><p>    height:93px;</p><p>    border-radius:45%;</p><p>    background-color:     #DAA520;</p><p></p><p>}</p><p>.eye1{</p><p>    position:relative;</p><p>    background-color:black;</p><p>    height:19px;</p><p>    width:15px;</p><p>    border-radius:50%;</p><p>    top:20px;</p><p>    left:130px;</p><p>}</p><p></p><p></p><p>.eye2{</p><p>     position:relative;</p><p>    background-color:black;</p><p>    height:19px;</p><p>    width:15px;</p><p>    border-radius:50%;</p><p>    top:-1px;</p><p>    left:155px;</p><p>}</p><p>.nose{</p><p>     position: relative; </p><p>     top:-30px;</p><p>     left:140px; </p><p>     width: 0;</p><p>     height: 0; </p><p>     border-left: 10px solid transparent;</p><p>     border-right: 10px solid transparent; </p><p>     border-top: 10px solid black;</p><p>}</p><p>.ear1{</p><p>     position: relative;</p><p>     top:-90px;</p><p>     transform:rotate(-58deg);</p><p>     left:74px;</p><p>     width: 55px; </p><p>     height: 30px;</p><p>     border-top-left-radius: 60px;</p><p>     border-top-right-radius: 60px; </p><p>     background: #DAA520;</p><p>}</p><p>.ear2{</p><p>     position: relative;</p><p>     top:-135px;</p><p>     transform:rotate(38deg);</p><p>     left:160px;</p><p>     width: 50px; </p><p>     height: 30px;</p><p>     border-top-left-radius: 60px;</p><p>     border-top-right-radius: 60px; </p><p>     background:      #DAA520;</p><p>}</p><p>.circle{</p><p>     position:relative;</p><p>    bottom:-80px;</p><p>    top:0;</p><p>    left:128px;</p><p>    width:50px;</p><p>    height:35px;</p><p>    border-radius:45%;</p><p>    background-color:    #F5DEB3;</p><p>}</p><p>.body2{</p><p> width:70px;</p><p>    height:78px;</p><p>    border-radius:60px;</p><p>    background:#F5DEB3;</p><p>    position:relative;</p><p>    top:-160px;</p><p>    left:110px;</p><p>}</p><p>.body1{</p><p>    width:115px;</p><p>    height:100px;</p><p>    border-radius:80px;</p><p>    background:#DAA520;</p><p>    position:relative;</p><p>    top:-65px;</p><p>    left:85px;</p><p>   </p><p></p><p>}</p><p>.shadow1{</p><p>    height:90px;</p><p>    width:90px;</p><p>    background-color:transparent;</p><p>    border-radius:50%;</p><p>    position:relative;</p><p>    top:-65px;</p><p>    left:85px;</p><p>}</p><p></p><p>.hand1{</p><p> position:relative;</p><p>    top:-240px;</p><p>left:55px;</p><p> width: 40px;</p><p> height: 70px;</p><p> border-radius:30px;</p><p> background: #DAA520;  </p><p>  transform:rotate(70deg);</p><p>  </p><p>}</p><p>.hand2{</p><p>     position:relative;</p><p>    top:-330px;</p><p>left:190px;</p><p> width: 40px;</p><p> height: 70px;</p><p> border-radius:30px;</p><p> background: #DAA520;  </p><p> transform:rotate(-115deg);</p><p>}</p><p></p><p>.leg1{</p><p>position:relative;</p><p>top:-295px;</p><p>left:104px;</p><p> width: 40px;</p><p> height: 60px;</p><p> border-radius:30px;</p><p> background: #DAA520;  </p><p> transform:rotate(20deg);</p><p>}</p><p>.leg2{</p><p>    position:relative;</p><p>top:-360px;</p><p>left:155px;</p><p> width: 40px;</p><p> height: 60px;</p><p> border-radius:30px;</p><p> background: #DAA520;  </p><p> transform:rotate(-25deg);</p><p>}</p><p>.baloon{</p><p>position:relative;</p><p>top:-650px;</p><p>left:200px;</p><p>transform:rotate(20deg);</p><p>     animation-name: movement;</p><p>  animation-duration: 6s;</p><p>  animation-iteration-count: infinite;</p><p>  animation-timing-function:linear ;</p><p>}</p><p></p><p>@keyframes movement {</p><p>    from { transform: translate(0,  0px); }</p><p>    50% { transform: translate(0, 20px); }</p><p>    to   { transform: translate(0, -0px); }</p><p></p><p>}</p><p></p><p></p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;/html&gt;</p><p></p><p>

Similar questions