प्रत्यासुकी वाजकी पेड़ पर चादा के लिए
तौन्ताचान द्वारा किए गए प्रयासौ का वर्णन
कीजिए
Answers
[tex]<! DOCTYPE html >
< html lang ="en" >
<head>
<title>Cat in night</title>
</head>
<body>
<div id="wrapper">
<section class="sky">
<div class="moon"></div>
<ul>
<li class="cloud"></li>
<li class="cloud"></li>
<li class="cloud"></li>
</ul>
</section>
<section class="wall">
<section class="cat">
<div class="cat-head">
<div class="eyes">
<div class="eyes"></div>
<div class="eye"></div>
</div>
</div>
<div class="cat-body">
<div class="tail"></div>
</div>
</section>
</section>
</div>
<style>
.sky{
height:300px;
background: radial-gradial(#112A71,#000A31);
overflow:hidden;
position:relative;}
.sky.moon{
width:80px;
height:80px;
border-radius:50%;
background-color:#FEFF79;
- webkit-box-shadow:0 0 150px #FEFF79,inset 0 1px 20px rgba(0,0,0,0.3);
box-shadow:0 0 150px #FEFF79,inset 0 1px 20px rgba(0,0,0,0.3);
position: absolute;
top:30px;
right:100px;}
.sky.cloud{
width :80px;
height:30px;
background-color:#8D8D8D;
border-radius:50px;
-webkit-box-shadow:inset 0-1px 10px rgba(0,0,0,0.3);
box-shadow:inset 0-1px 10px rgba (0,0,0,0.3);
position:relative;
top:60px;
left:30px;
-webkit-animation:shift 100s infinite linear;
animation:shift 100s infinite linear;}
.sky.cloud:nth-child(2){
-webkit-transformation:scale(-1.5,1.3);
transformation;scale(-1.5,1.3);
top:100px;
left:250px;
-webkit-animation- duration:40s;
animation-duration:40s;}
.sky.cloud:last-child{
top:150px;
left:100px;
webkit-transform:scale(2);
transform:scale(2);
webkit-animation-duration:60s;
animation-duration:60s;}
.sky.cloud::before,.sky.cloud::after{
content:";
display:block;
width:32px;
height:30px;
background-color:inherit;
border-radius:50%;
position:relative;