Chemistry, asked by Vishalsamant1660, 11 months ago

In compound elements combine in definte proportion

Answers

Answered by Anonymous
20

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;Koala&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="character"&gt;</p><p>&lt;div class="head"&gt;</p><p>&lt;div class="ear ear-left"&gt; &lt;/div&gt;</p><p>&lt;div class="ear ear-rigth"&gt; &lt;/div&gt;</p><p>&lt;div class="eyes"&gt;&lt;/div&gt;</p><p>&lt;div class="nose"&gt;&lt;/div&gt;</p><p>&lt;div class="lip"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;div class="body"&gt;</p><p>&lt;div class="hand hand-right"&gt;&lt;/div&gt;</p><p>&lt;div class="hand hand-left"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>display: flex;</p><p>justify-content: center;</p><p>padding-top: 150px;</p><p>}</p><p>.character {</p><p>position: relative;</p><p>}</p><p>.character .head {</p><p>height: 125px;</p><p>width: 155px;</p><p>background: #94e1fd;</p><p>border-radius: 80px 89px 55px 55px;</p><p>position: relative;</p><p>border: 4px solid black;</p><p>top: 6px;</p><p>}</p><p>.character .head:after {</p><p>content: "";</p><p>position: absolute;</p><p>bottom: -43%;</p><p>width: 40px;</p><p>height: 50px;</p><p>background: white;</p><p>border-bottom-left-radius: 50%;</p><p>border-bottom-right-radius: 50%;</p><p>left: 42%;</p><p>}</p><p>.ear {</p><p>width: 78px;</p><p>height: 78px;</p><p>background: white;</p><p>border-radius: 38% 62% 57% 43% / 45% 48% 52% 55%;</p><p>border: 4px solid black;</p><p>position: absolute;</p><p>}</p><p>.ear-left {</p><p>top: -24%;</p><p>left: -24%;</p><p>border-bottom-color: #94e1fd;</p><p>transform: rotate(-49deg);</p><p>box-shadow: inset 6px 20px 0px 12px #94e1fd, inset -20px 18px 0 0px #94e1fd, inset 3px -9px 0 0px #94e1fd;</p><p>animation: ear-left 2s infinite linear;</p><p>}</p><p>.ear-left:before {</p><p>content: "";</p><p>width: 4px;</p><p>height: 6px;</p><p>border-radius: 50%;</p><p>background: black;</p><p>position: absolute;</p><p>top: 31px;</p><p>left: 110%;</p><p>transform: rotate(-76deg);</p><p>box-shadow: 15px 12px, 30px 0px;</p><p>opacity: 0;</p><p>animation: ear-left-after 2s infinite linear;</p><p>}</p><p>.ear-rigth {</p><p>left: 65%;</p><p>top: -24%;</p><p>transform: rotate(-227deg);</p><p>z-index: -1;</p><p>box-shadow: inset 20px -4px 0px 13px #94e1fd, inset 20px -11px 0 0px #94e1fd, inset 20px 19px 0 0px #94e1fd;</p><p>animation: ear-right 2s infinite linear;</p><p>}</p><p>.eyes {</p><p>width: 14px;</p><p>height: 10px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 50%;</p><p>top: 46%;</p><p>left: 28%;</p><p>box-shadow: 65px 0px;</p><p>animation: eyes 2s infinite linear;</p><p>}</p><p>.eyes:after {</p><p>content: "";</p><p>width: 14px;</p><p>height: 3px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 50%;</p><p>bottom: -57%;</p><p>box-shadow: 65px 0px;</p><p>}</p><p>.nose {</p><p>width: 31px;</p><p>height: 35px;</p><p>background: #6f69ef;</p><p>border-radius: 53% 47% 59% 41% / 73% 76% 24% 27%;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>top: 43%;</p><p>left: 43%;</p><p>animation: nose 2s infinite linear;</p><p>}</p><p>.lip {</p><p>width: 34px;</p><p>height: 4px;</p><p>background: black;</p><p>position: absolute;</p><p>border-radius: 25%;</p><p>top: 83%;</p><p>left: 45%;</p><p>animation: lip 2s infinite linear;</p><p>}</p><p>.body {</p><p>position: relative;</p><p>z-index: -1;</p><p>}</p><p>.body:after,</p><p>.body:before {</p><p>content: "";</p><p>border-radius: 50%;</p><p>width: 44px;</p><p>height: 105px;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>background: #94e1fd;</p><p>border-right-color: transparent;</p><p>left: 24%;</p><p>top: -8px;</p><p>}</p><p>.body:after {</p><p>left: 46%;</p><p>border-left-color: transparent;</p><p>border-right-color: black;</p><p>}</p><p>.hand {</p><p>border-right-color: transparent;</p><p>width: 34px;</p><p>height: 55px;</p><p>border-radius: 71% 29% 22% 78% / 17% 78% 22% 83%;</p><p>background: #94e1fd;</p><p>border: 4px solid;</p><p>position: absolute;</p><p>left: 8%;</p><p>top: -2px;</p><p>border-top-color: #94e1fd;</p><p>transform: rotate(39deg);</p><p>}</p><p>.hand-left {</p><p>left: 63%;</p><p>transform: rotate(-27deg);</p><p>border-radius: 59% 41% 32% 68% / 20% 62% 38% 80%;</p><p>border-left-color: transparent;</p><p>}</p><p>@keyframes eyes {</p><p>100% {</p><p>height: 30px;</p><p>top: 22%;</p><p>width: 10px;</p><p>}</p><p>}</p><p>@keyframes nose {</p><p>100% {</p><p>top: 22%;</p><p>}</p><p>}</p><p>@keyframes lip {</p><p>100% {</p><p>background: #f77676;</p><p>height: 25px;</p><p>width: 25px;</p><p>top: 72%;</p><p>border-top-left-radius: 50%;</p><p>border-top-right-radius: 50%;</p><p>transform: translateY(-10px);</p><p>}</p><p>}</p><p>@keyframes ear-left {</p><p>100% {</p><p>border-bottom-color: black;</p><p>top: 165%;</p><p>transform: rotate(-175deg);</p><p>height: 24px;</p><p>}</p><p>}</p><p>@keyframes ear-right {</p><p>100% {</p><p>top: 165%;</p><p>transform: rotate(-175deg);</p><p>height: 24px;</p><p>}</p><p>}</p><p>@keyframes ear-left-after {</p><p>95% {</p><p>opacity: 0;</p><p>}</p><p>100% {</p><p>opacity: 1;</p><p>}</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Law of Definite Proportions states that in a given type of chemical substance, the elements are always combined in the same proportions by mass. The Law of Definite Proportions applies when elements are reacted together to form the same product.....

Answered by Anonymous
0

Law of Definite Proportions states that in a given type of chemical substance, the elements are always combined in the same proportions by mass. The Law of Definite Proportions applies when elements are reacted together to form the same product.....♥

Similar questions