Social Sciences, asked by diyamary70, 1 year ago

About clay Figures of animals​

Answers

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;title&gt;Shinchan&lt;/title&gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;div id="wrapper"&gt;</p><p></p><p> &lt;section class="sky"&gt;</p><p> &lt;div class="moon"&gt;&lt;/div&gt;</p><p> &lt;ul&gt;</p><p> &lt;li class="cloud"&gt;&lt;/li&gt;</p><p> &lt;li class="cloud"&gt;&lt;/li&gt;</p><p> &lt;li class="cloud"&gt;&lt;/li&gt;</p><p> &lt;/ul&gt;</p><p> &lt;/section&gt;</p><p></p><p> &lt;section class="wall"&gt;</p><p> &lt;section class="cat"&gt;</p><p> &lt;div class="cat-head"&gt;</p><p> &lt;div class="eyes"&gt;</p><p> &lt;div class="eye"&gt;&lt;/div&gt;</p><p> &lt;div class="eye"&gt;&lt;/div&gt;</p><p> &lt;/div&gt;</p><p> &lt;/div&gt;</p><p> &lt;div class="cat-body"&gt;</p><p> &lt;div class="tail"&gt;&lt;/div&gt;</p><p> &lt;/div&gt;</p><p> &lt;/section&gt;</p><p> &lt;/section&gt;</p><p></p><p> &lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>.sky {</p><p> height: 300px;</p><p> background: radial-gradient(#112A71, #000A31);</p><p> overflow: hidden;</p><p> position: relative; }</p><p> .sky .moon {</p><p> width: 80px;</p><p> height: 80px;</p><p> border-radius: 50%;</p><p> background-color: #FEFF79;</p><p> -webkit-box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);</p><p> box-shadow: 0 0 150px #FEFF79, inset 0 1px 20px rgba(0, 0, 0, 0.3);</p><p> position: absolute;</p><p> top: 30px;</p><p> right: 100px; }</p><p> .sky .cloud {</p><p> width: 80px;</p><p> height: 30px;</p><p> background-color: #8D8D8D;</p><p> border-radius: 50px;</p><p> -webkit-box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);</p><p> box-shadow: inset 0 -1px 10px rgba(0, 0, 0, 0.3);</p><p> position: relative;</p><p> top: 60px;</p><p> left: 30px;</p><p> -webkit-animation: shift 100s infinite linear;</p><p> animation: shift 100s infinite linear; }</p><p> .sky .cloud:nth-child(2) {</p><p> -webkit-transform: scale(-1.5, 1.3);</p><p> transform: scale(-1.5, 1.3);</p><p> top: 100px;</p><p> left: 250px;</p><p> -webkit-animation-duration: 40s;</p><p> animation-duration: 40s; }</p><p> .sky .cloud:last-child {</p><p> top: 150px;</p><p> left: 100px;</p><p> -webkit-transform: scale(2);</p><p> transform: scale(2);</p><p> -webkit-animation-duration: 60s;</p><p> animation-duration: 60s; }</p><p> .sky .cloud::before, .sky .cloud::after {</p><p> content: '';</p><p> display: block;</p><p> width: 32px;</p><p> height: 30px;</p><p> background-color: inherit;</p><p> border-radius: 50%;</p><p> position: relative;</p><p> top: -15px;</p><p> left: 35px; }</p><p> .sky .cloud::after {</p><p> top: -40px;</p><p> left: 10px; }</p><p></p><p>@-webkit-keyframes shift {</p><p> 0% {</p><p> margin-left: -500px; }</p><p> 100% {</p><p> margin-left: 100%; } }</p><p></p><p>@keyframes shift {</p><p> 0% {</p><p> margin-left: -500px; }</p><p> 100% {</p><p> margin-left: 100%; } }</p><p></p><p>.wall {</p><p> height: 250px;</p><p> background: radial-gradient(ellipse at top, #000C23, #000000);</p><p> position: relative;</p><p> top: 0px; }</p><p> .wall .cat {</p><p> position: absolute;</p><p> top: -105px;</p><p> left: 90px; }</p><p></p><p>.cat-head {</p><p> width: 40px;</p><p> height: 40px;</p><p> background-color: #131313;</p><p> border-radius: 50% 50% 100% 100%;</p><p> position: relative; }</p><p> .cat-head::before, .cat-head::after {</p><p> width: 6px;</p><p> height: 2px;</p><p> content: '';</p><p> background-color: inherit;</p><p> border-radius: 5% 100% 0 0;</p><p> border-top: 10px solid #131313;</p><p> border-left: 4px solid #141414;</p><p> position: absolute;</p><p> -webkit-transform: rotate(-5deg);</p><p> transform: rotate(-5deg);</p><p> top: -6px;</p><p> left: 0px;</p><p> z-index: 2; }</p><p> .cat-head::after {</p><p> left: auto;</p><p> right: 0px;</p><p> -webkit-transform: scaleX(-1) rotate(-5deg);</p><p> transform: scaleX(-1) rotate(-5deg);</p><p> -webkit-animation: wiggle 3s ease-in infinite;</p><p> animation: wiggle 3s ease-in infinite; }</p><p> .cat-head .eyes {</p><p> height: 30px;</p><p> display: -webkit-box;</p><p> display: -ms-flexbox;</p><p> display: flex;</p><p> -ms-flex-pack: distribute;</p><p> justify-content: space-around;</p><p> -webkit-box-align: center;</p><p> -ms-flex-align: center;</p><p> align-items: center; }</p><p> .cat-head .eyes .eye {</p><p> width: 6px;</p><p> height: 6px;</p><p> background-color: #4C4C4C;</p><p> border-radius: 50%;</p><p> -webkit-box-shadow: 0 0 0 3px #00D382;</p><p> box-shadow: 0 0 0 3px #00D382;</p><p> z-index: 5;</p><p> position: relative;</p><p> -webkit-animation: blink 3s ease-out infinite;</p><p> animation: blink 3s ease-out infinite; }</p><p> .cat-head .eyes .eye::after {</p><p> content: '';</p><p> width: 2px;</p><p> height: 2px;</p><p> background-color: #FFDFDF;</p><p> border-radius: 50%;</p><p> position: absolute;</p><p> top: 0px;</p><p> left: 3px; }</p><p> .cat-head .eyes .eye:last-child {</p><p> -webkit-transform: scaleX(-1);</p><p> transform: scaleX(-1); }</p><p> .cat-head .eyes .eye:last-child::after {</p><p> left: auto;</p><p> right: 3px; }</p><p></p><p>.cat-body {</p><p> height: 80px;</p><p> width: 38px;</p><p> background: #131313;</p><p> border-radius: 100% 100% 70% 70%;</p><p> position: relative;</p><p> top: -12px; }</p><p> .cat-body .tail {</p><p> width: 40px;</p><p> height: 10px;</p><p> background-color: transparent;</p><p> border-radius: 50%;</p><p> border: 8px solid #131313;</p><p> border-left-color: transparent;</p><p> border-top-color: transparent;</p><p> position: absolute;</p><p> bottom: 0px;</p><p> left: 5px; }</p><p> .cat-body .tail::after {</p><p> content: '';</p><p> width: 9px;</p><p> height: 10px;</p><p> background-color: #131313;</p><p> position: absolute;</p><p> right: -5px;</p><p> border-radius: 50%;</p><p> top: -4px;</p><p> -webkit-transform: skew(44deg, -26deg);</p><p> transform: skew(44deg, -26deg); }</p><p></p><p>@-webkit-keyframes blink {</p><p> 78%, 82%, 86%, 90% {</p><p> opacity: 1; }</p><p> 80%, 88% {</p><p> opacity: 0; } }</p><p></p><p>@keyframes blink {</p><p> 78%, 82%, 86%, 90% {</p><p> opacity: 1; }</p><p> 80%, 88% {</p><p> opacity: 0; } }</p><p></p><p>@-webkit-keyframes wiggle {</p><p> 50%, 60% {</p><p> -webkit-transform: scaleX(-1) rotate(-5deg);</p><p> transform: scaleX(-1) rotate(-5deg); }</p><p> 55% {</p><p> -webkit-transform: scaleX(-1) rotate(-30deg);</p><p> transform: scaleX(-1) rotate(-30deg); } }</p><p></p><p>@keyframes wiggle {</p><p> 50%, 60% {</p><p> -webkit-transform: scaleX(-1) rotate(-5deg);</p><p> transform: scaleX(-1) rotate(-5deg); }</p><p> 55% {</p><p> -webkit-transform: scaleX(-1) rotate(-30deg);</p><p> transform: scaleX(-1) rotate(-30deg); } }</p><p></p><p>* {</p><p> padding: 0;</p><p> margin: 0; }</p><p></p><p>ul {</p><p> list-style-type: none; }</p><p></p><p>body {</p><p> background: #1e1e1e;</p><p>}</p><p></p><p>#wrapper {</p><p> max-width: 400px;</p><p> margin: 0 auto;</p><p> height: 100vh; }</p><p></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Previous Question
Next Question
Similar questions
Math, 6 months ago
Expand using identity(2p+3q+r)2 .​
Social Sciences, 6 months ago
1. The last Mayuryan rular Brihadratha was killed by his army general a. Devbhuti b. Pushyamitra sunga C. naga d. none​...
Physics, 6 months ago
When the distance of the screen from the pinhole is increased , the size of the image __________​...
Physics, 1 year ago
list three animals that can hear sounds at higher frequencies than humans. ​
Chemistry, 1 year ago
how many moles of sodium bicarbonate are needed to neutralize 0.8 ml of sulfuric acid stop at least tell the ans​...
Chemistry, 1 year ago
Can seperation of H+ ions in acids take place when HCl is added to a non aqueous solution...
English, 1 year ago
Will you know to write a letter...
Hindi, 1 year ago
How to make a collage realted to विशेषण...