Chemistry, asked by jchcdhjggdfjjgbjccc, 8 months ago

guys its urgent please answer fast..​

Attachments:

Answers

Answered by Rudranil420
1

Answer:

GOOD AFTERNOON BRO

Explanation:

&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;Captain America Shield&lt;/title&gt;</p><p></p><p> &lt;/head&gt;</p><p></p><p> &lt;div class="container"&gt;</p><p></p><p> &lt;div class="circle outer-lv3"&gt;</p><p></p><p> &lt;div class="circle outer-lv2"&gt;</p><p></p><p> &lt;div class="circle outer-lv1"&gt;</p><p></p><p> &lt;div class="center"&gt;</p><p></p><p> &lt;div class="arrow top"&gt;&lt;/div&gt;</p><p></p><p> &lt;div class="arrow left"&gt;&lt;/div&gt;</p><p></p><p> &lt;div class="arrow right"&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&gt;</p><p></p><p> &lt;/div&gt;</p><p></p><p> &lt;style&gt;</p><p></p><p> html, body {</p><p></p><p> background:#0846A8;</p><p></p><p> height: 500px;</p><p></p><p> }</p><p></p><p> .container {</p><p></p><p> width:100%;</p><p></p><p> height: 100%;</p><p></p><p> display: flex;</p><p></p><p> justify-content: center;</p><p></p><p> align-items: center;</p><p></p><p> }</p><p></p><p> .circle {</p><p></p><p> border-radius: 50%;</p><p></p><p> display: flex;</p><p></p><p> flex-direction: row;</p><p></p><p> justify-content: center;</p><p></p><p> align-items: center;</p><p></p><p> border:1px solid #000;</p><p></p><p> }</p><p></p><p> .outer-lv3 {</p><p></p><p> background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p> height: 260px;</p><p></p><p> width: 260px;</p><p></p><p> -webkit-animation: turning 8s infinite linear;</p><p></p><p> animation: turning 8s infinite linear;</p><p></p><p> }</p><p></p><p> @-webkit-keyframes turning {</p><p></p><p> 0% {transform: rotate(0deg)}</p><p></p><p> 100% {transform: rotate(360deg)}</p><p></p><p> }</p><p></p><p> @keyframes turning {</p><p></p><p> 0% {transform: rotate(0deg)}</p><p></p><p> 100% {transform: rotate(360deg)}</p><p></p><p> }</p><p></p><p> .outer-lv2 {</p><p></p><p> background: #fff;</p><p></p><p> background-image: linear-gradient(#DBD9D9,#FAFAFA,#DBD9D9);</p><p></p><p> height: 210px;</p><p></p><p> width: 210px;</p><p></p><p> }</p><p></p><p> .outer-lv1 {</p><p></p><p> background-image: linear-gradient(#870000,#FF4040,#870000);</p><p></p><p> height: 150px;</p><p></p><p> width: 150px;</p><p></p><p> }</p><p></p><p> .center {</p><p></p><p> background-image: linear-gradient(#0846A8,#277AFF,#0846A8);</p><p></p><p> height: 100px;</p><p></p><p> width: 100px;</p><p></p><p> border-radius: 50%;</p><p></p><p> position: relative;</p><p></p><p> overflow: hidden;</p><p></p><p> border:1px solid #000;</p><p></p><p> }</p><p></p><p> .arrow {</p><p></p><p> border-top: 35px solid #EDE8E8;</p><p></p><p> border-bottom: 48px solid rgba(0,0,0,0.0);</p><p></p><p> border-left: 48px solid transparent;</p><p></p><p> border-right: 48px solid transparent;</p><p></p><p> position: absolute;</p><p></p><p> height: 0;</p><p></p><p> width: 0;</p><p></p><p> }</p><p></p><p> .top {</p><p></p><p> top: 35px;</p><p></p><p> left: 2px;</p><p></p><p> }</p><p></p><p> .left {</p><p></p><p> transform: rotate(72deg);</p><p></p><p> top: 16px;</p><p></p><p> left: -24px;</p><p></p><p> }</p><p></p><p> .right {</p><p></p><p> transform: rotate(-72deg);</p><p></p><p> top: 16px;</p><p></p><p> left: 25px;</p><p></p><p> }</p><p></p><p> &lt;/style&gt;</p><p></p><p> &lt;/body&gt;</p><p></p><p> &lt;/html&gt;

Similar questions