Math, asked by ruchi3335, 8 months ago

please answer me....
.
Full explain please..​

Attachments:

Answers

Answered by avitaylor101
0

Step-by-step 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;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> &lt;div id="cube"&gt;</p><p> &lt;div class="front"&gt;Avi&lt;/div&gt;</p><p> &lt;div class="back"&gt;☺️&lt;/div&gt;</p><p> &lt;div class="right"&gt;taylor&lt;/div&gt;</p><p> &lt;div class="left"&gt;☺️&lt;/div&gt;</p><p> &lt;div class="top"&gt;Follow&lt;/div&gt;</p><p> &lt;div class="bottom"&gt;Thank&lt;/div&gt;</p><p> &lt;/div&gt;</p><p>&lt;/div&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>body {</p><p> padding-left: 30%;</p><p> padding-top: 5%;</p><p>}</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></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> </p><p> -moz-transform-style: preserve-3d;</p><p> -moz-animation: rotatecube 10s infinite;</p><p>}</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></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></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></p><p>.front {</p><p> background: rgba(255,0,0,.5);</p><p>}</p><p></p><p>.back {</p><p> background: rgba(0,255,0,.5);</p><p>}</p><p></p><p>.right {</p><p> background: rgba(0,0,255,.5);</p><p>}</p><p></p><p>.left {</p><p> background: rgba(0,255,255,.5);</p><p>}</p><p></p><p>.top {</p><p> background: rgba(255,0,255,.5);</p><p>}</p><p></p><p>.bottom {</p><p> background: rgba(255,255,0,.5);</p><p>}</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></p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Previous Question
Next Question
Similar questions
Computer Science, 4 months ago
what is mean by custom animation​...
Hindi, 4 months ago
अपनी बुआ जी को पिताजी के स्वास्थ्य सुधार की सूचना देते हुए पत्र लिखिए।​...
Computer Science, 4 months ago
Which attribute is used to adjust the space between two cells in table?​
Math, 8 months ago
If x=2+√5, find the value of x-1/x.​
Political Science, 8 months ago
ur on a dark red background. سا Popular in Andhra Pradesh, this art form involves the use of kalam (pen) for freehand drawing, and paint and brush to fill in colours and make patterns on cloth.​
Computer Science, 11 months ago
what is the use of Ms word ​...
English, 11 months ago
write a paragraph about "failures are the pillars to success "​ please help any brilliant student can help me...
Computer Science, 11 months ago
discuss building blocks of computer​...