Math, asked by jai4970, 10 months ago

2y-x=0, 10x+15y=105​

Answers

Answered by seemagerataneja
3

</p><p>&lt;style&gt;</p><p>.wrap{</p><p> margin-top: 200px;</p><p> perspective: 1000px;</p><p> perspective-origin: 50% 50%;</p><p>}</p><p>.cube {</p><p> margin: auto;</p><p> position: relative;</p><p> height: 200px;</p><p> width: 200px;</p><p> transform-style: preserve-3d;</p><p> -ms-transform-style: preserve-3d;</p><p> -webkit-transform-style: preserve-3d;</p><p>}</p><p>.cube div {</p><p> position: absolute;</p><p> box-sizing: border-box;</p><p> padding: 10px;</p><p> height: 100%;</p><p> width: 100%;</p><p> opacity: 0.9;</p><p> border: solid 1px #eeeeee;</p><p> color: #ffffff;</p><p>}</p><p></p><p>.front {</p><p>background-color:#f8cc0f;</p><p>}</p><p>.back {</p><p>background-color:#4db849;</p><p>}</p><p>.right {</p><p>background-color:#e8483f;</p><p>}</p><p>.left {</p><p>background-color:#ffa6a6;</p><p>}</p><p>.top {</p><p>background-color:#000;</p><p>}</p><p>.bottom {</p><p>background-color:#53bdeb;</p><p>}</p><p>.front {</p><p> transform: translateZ(100px);</p><p> -ms-transform: translateZ(100px);</p><p> -webkit-transform: translateZ(100px);</p><p> background-color:#f8cc0f;</p><p>}</p><p>.back {</p><p> transform: translateZ(-100px) rotateY(180deg);</p><p> -webkit-transform: translateZ(-100px) rotateY(180deg);</p><p> -ms-transform: translateZ(-100px) rotateY(180deg);</p><p> background-color:#4db849;</p><p>}</p><p>.right {</p><p> transform: rotateY(-270deg) translateX(100px);</p><p> -ms-transform: rotateY(-270deg) translateX(100px);</p><p> -webkit-transform: rotateY(-270deg) translateX(100px);</p><p> transform-origin: top right;</p><p> -ms-transform-origin: top right;</p><p> -webkit-transform-origin: top right;</p><p> background-color:#e8483f;</p><p>}</p><p>.left {</p><p> transform: rotateY(270deg) translateX(-100px);</p><p> -webkit-transform: rotateY(270deg) translateX(-100px);</p><p> -ms-transform: rotateY(270deg) translateX(-100px);</p><p> transform-origin: center left;</p><p> -ms-transform-origin: center left;</p><p> -webkit-transform-origin: center left;</p><p> background-color:#ffa6a6;</p><p>}</p><p>.top {</p><p> transform: rotateX(-270deg) translateY(-100px);</p><p> -webkit-transform: rotateX(-270deg) translateY(-100px);</p><p> -ms-transform: rotateX(-270deg) translateY(-100px);</p><p> transform-origin: top center;</p><p> -ms-transform-origin: top center;</p><p> -webkit-transform-origin: top center;</p><p> background-color:#000;</p><p>}</p><p>.bottom {</p><p> transform: rotateX(270deg) translateY(100px);</p><p> -webkit-transform: rotateX(270deg) translateY(100px);</p><p> -ms-transform: rotateX(270deg) translateY(100px);</p><p> transform-origin: bottom center;</p><p> -ms-transform-origin: bottom center;</p><p> -webkit-transform-origin: bottom center;</p><p> background-color:#53bdeb;</p><p>}</p><p></p><p>@keyframes rotate {</p><p> from {</p><p> transform: rotateX(0deg) rotateY(0deg);</p><p> -ms-transform: rotateX(0deg) rotateY(0deg);</p><p> -webkit-transform: rotateX(0deg) rotateY(0deg);</p><p> }</p><p>to {</p><p> transform: rotateX(360deg) rotateY(360deg);</p><p> -ms-transform: rotateX(360deg) rotateY(360deg);</p><p> -webkit-transform: rotateX(360deg) rotateY(360deg);</p><p> }</p><p>}</p><p>@-webkit-keyframes rotate {</p><p> from {</p><p> transform: rotateX(0deg) rotateY(0deg);</p><p> -ms-transform: rotateX(0deg) rotateY(0deg);</p><p> -webkit-transform: rotateX(0deg) rotateY(0deg);</p><p> }</p><p>to {</p><p> transform: rotateX(360deg) rotateY(360deg);</p><p> -ms-transform: rotateX(360deg) rotateY(360deg);</p><p> -webkit-transform: rotateX(360deg) rotateY(360deg);</p><p> }</p><p>}</p><p>.cube {</p><p> animation: rotate 20s infinite linear;</p><p> -webkit-animation: rotate 20s infinite linear;</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;div class="wrap"&gt;</p><p> &lt;div class="cube"&gt;</p><p> &lt;div class="front"&gt;</p><p> FOLLOW ME</p><p> &lt;/div&gt;</p><p> &lt;div class="back"&gt;</p><p> FOLLOW ME</p><p> &lt;/div&gt;</p><p> &lt;div class="top"&gt;</p><p> FOLLOW ME</p><p> &lt;/div&gt;</p><p> &lt;div class="bottom"&gt;</p><p> FOLLOW ME</p><p> &lt;/div&gt;</p><p> &lt;div class="left"&gt;</p><p> FOLLOW ME</p><p> &lt;/div&gt;</p><p> &lt;div class="right"&gt;</p><p> FOLLOW ME</p><p> &lt;/div&gt;</p><p> &lt;/div&gt;&lt;!--The cube--&gt;</p><p>&lt;/div&gt;PLEASE FOLLOW ME ...</p><p>AND DONT THINK BAD FOR THIS...</p><p>IF YOU WNAT TO LEARN ANIMATIONS LIKE THIS..</p><p>PL LEASE FOLLOW ME ..</p><p>AN D ASK FROM ME..</p><p>

Answered by principalajdc
6

Answer:

hope this helps you

if my answer os right then please follow me

i shall be thsnkful

Attachments:
Similar questions