Environmental Sciences, asked by kirtanhindu8249, 9 months ago

Pani Paloution to ki bav hain?isde mukh hanikark parbav Punjabi language

Answers

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

Similar questions