Question

bhupad3x1 -3x2+6+2di. hate kind hai​

Answer 1

cube wali coding hai kya ?

$#wrapD3Cube {</p><p> width: 250px;</p><p> height: 213px;</p><p> margin: 20px auto;</p><p> background-color: #EEE;</p><p>}</p><p>#D3Cube {</p><p> width: 112px;</p><p> height: 112px;</p><p> top: 50px;</p><p> transform-style: preserve-3d;</p><p> -moz-transform-style: preserve-3d;</p><p> -webkit-transform-style: preserve-3d;</p><p> transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);</p><p> -moz-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);</p><p> -webkit-transform: rotateX(-22deg) rotateY(-38deg) rotateZ(0deg);</p><p> margin: auto;</p><p> position: relative;</p><p> -moz-transform-style: preserve-3d;</p><p> transform-style: preserve-3d;</p><p> -webkit-transition: all 0.5s ease-in-out;</p><p> transition: all 0.5s ease-in-out;</p><p>}</p><p>#D3Cube > div {</p><p> position: absolute;</p><p> -webkit-transition: all 0.5s ease-in-out;</p><p> transition: all 0.5s ease-in-out;</p><p> width: 112px;</p><p> height: 112px;</p><p> float: left;</p><p> overflow: hidden;</p><p> opacity: 0.85;</p><p>}</p><p>#side1 {</p><p> transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -moz-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -webkit-transform: rotatex(90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> background-color: #FFF;</p><p>}</p><p>#side2 {</p><p> transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -moz-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -webkit-transform: rotateY(-90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> background-color: #ffaf1c;</p><p>}</p><p>#side3 {</p><p> transform: translateX(0px) translateY(0px) translateZ(56px);</p><p> -moz-transform: translateX(0px) translateY(0px) translateZ(56px);</p><p> -webkit-transform: translateX(0px) translateY(0px) translateZ(56px);</p><p> background-color: #58d568;</p><p>}</p><p>#side4 {</p><p> transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -moz-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -webkit-transform: rotateY(90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> background-color: #ed3030;</p><p>}</p><p>#side5 {</p><p> transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -moz-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -webkit-transform: rotateY(180deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> background-color: #1c5ffe;</p><p>}</p><p>#side6 {</p><p> transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -moz-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> -webkit-transform: rotateX(-90deg) translateX(0px) translateY(0px) translateZ(56px);</p><p> background-color: #f2f215;</p><p>}</p><p>The Script</p><p>The script manipulates the rotateX, rotateY and rotateZ values of the transform CSS property:</p><p></p><p>var cubex = -22, // initial rotation</p><p>cubey = -38,</p><p>cubez = 0;</p><p>function rotate(variableName, degrees) {</p><p> window[variableName] = window[variableName] + degrees;</p><p> rotCube(cubex, cubey, cubez);</p><p>}</p><p>function rotCube(degx, degy, degz){</p><p> segs = "rotateX("+degx+"deg) rotateY("+degy+"deg) rotateZ("+degz+"deg) translateX(0) translateY(0) translateZ(0)";</p><p> ('#D3Cube').css({"transform":segs});</p><p>}</p><p>function turnRight() {</p><p> rotate("cubey", 90);</p><p>}</p><p>function turnLeft() {</p><p> rotate("cubey", -90);</p><p>}</p><p>function flipCube() {</p><p> rotate("cubez", -180);</p><p>}$

Answer 2

4858/8/7/57/454663456666