Geography, asked by sahilcool7387, 9 months ago

What is the map work of 2nd chapter geography class ninth

Answers

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

Answer:

Answer:

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