Environmental Sciences, asked by tanishathakur314, 10 months ago

importace of stratosphere​

Answers

Answered by neerchaudhary9
3

Answer:

The stratosphere is where you'll find the very important ozone layer. The ozone layer helps protect us from ultraviolet radiation (UV) from the sun. In fact, the ozone layer absorbs most of the UV radiation the sun sends to us

Answered by nagarlavish2005
4

Stratosphere contains an very important layer which is the ozone layer .The ozone layer helps protect us from ultraviolet radiation (UV) from the sun.

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;CUBE&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="container"&gt;</p><p>&lt;div id="cube"&gt;</p><p>&lt;div class="front"&gt;Mark as &lt;/div&gt;</p><p>&lt;div class="back"&gt;Brainliest&lt;/div&gt;</p><p>&lt;div class="right"&gt;Thanks&lt;/div&gt;</p><p>&lt;div class="left"&gt;Follow &lt;/div&gt;</p><p>&lt;div class="top"&gt;Hope it help u&lt;/div&gt;</p><p>&lt;div class="bottom"&gt;&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>padding-left: 30%;</p><p>padding-top: 5%;</p><p>}</p><p>.container {</p><p>width: 200px;</p><p>height: 200px;</p><p>position: relative;</p><p>-webkit-perspective: 1000px;</p><p>-moz-perspective: 1000px;</p><p>}</p><p>#cube {</p><p>width: 100%;</p><p>height: 100%;</p><p>position: absolute;</p><p>-webkit-transform-style: preserve-3d;</p><p>-webkit-animation: rotatecube 10s infinite;</p><p>-moz-transform-style: preserve-3d;</p><p>-moz-animation: rotatecube 10s infinite;</p><p>}</p><p>#cube div {</p><p>width: 200px;</p><p>height: 200px;</p><p>display: block;</p><p>position: absolute;</p><p>border: none;</p><p>line-height: 200px;</p><p>text-align: center;</p><p>font-size: 50px;</p><p>font-weight: bold;</p><p>}</p><p>@-webkit-keyframes rotatecube {</p><p>0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p>25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p>50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p>75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p>100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p>}</p><p>@-moz-keyframes rotatecube {</p><p>0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p>25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p>50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p>75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p>100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p>}</p><p>.front {</p><p>background: rgba(255,0,0,.5);</p><p>}</p><p>.back {</p><p>background: rgba(0,255,0,.5);</p><p>}</p><p>.right {</p><p>background: rgba(0,0,255,.5);</p><p>}</p><p>.left {</p><p>background: rgba(0,255,255,.5);</p><p>}</p><p>.top {</p><p>background: rgba(255,0,255,.5);</p><p>}</p><p>.bottom {</p><p>background: rgba(255,255,0,.5);</p><p>}</p><p>#cube .front {</p><p>-webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p>-moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p>}</p><p>#cube .back {</p><p>-webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p>-moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p>}</p><p>#cube .right {</p><p>-webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p>-moz-transform: rotateY( 90deg ) translateZ( 100px );</p><p>}</p><p>#cube .left {</p><p>-webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p>-moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p>}</p><p>#cube .top {</p><p>-webkit-transform: rotateX( 90deg ) translateZ( 100px );</p><p>-moz-transform: rotateX( 90deg ) translateZ( 100px );</p><p>}</p><p>#cube .bottom {</p><p>-webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p>-moz-transform: rotateX( -90deg ) translateZ( 100px );</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Similar questions