Math, asked by ravichandram199, 7 months ago

IC
5 tan 0 = 4
Find the value of 8 sin0-3 cos 8sin0 +2cos0​

Answers

Answered by Itznikhilhere
2

&lt;!DOCTYPE html&gt;</p><p></p><p> &lt;html&gt;</p><p>     &lt;head&gt;</p><p>         &lt;title&gt;3D Animation&lt;/title&gt;</p><p>     &lt;/head&gt;</p><p>     &lt;body&gt;</p><p>         &lt;div class="stage" style="width: 120px; height: 120px;"&gt;</p><p>             &lt;div class="cubespinner"&gt;</p><p>                 &lt;div class="face1"&gt;Nikhil &lt;/div&gt;</p><p>                 &lt;div class="face2"&gt;Cricketer&lt;/div&gt;</p><p>                 &lt;div class="face3"&gt;Your_Freind&lt;/div&gt;</p><p>                 &lt;div class="face4"&gt;Heroic&lt;/div&gt;</p><p>                 &lt;div class="face5"&gt;Phenomenol&lt;/div&gt;</p><p>                 &lt;div class="face6"&gt;Man_Mortal&lt;/div&gt;</p><p>             &lt;/div&gt;</p><p>         &lt;/div&gt;</p><p> &lt;style&gt;</p><p> body {</p><p>     margin: 100px 50px 50px 50px;</p><p> }</p><p></p><p></p><p>   @-webkit-keyframes spincube {</p><p>     from,to { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }</p><p>     16% { -webkit-transform: rotateY(-90deg); }</p><p>     33% { -webkit-transform: rotateY(-90deg) rotateZ(90deg); }</p><p>     50% { -webkit-transform: rotateY(-180deg) rotateZ(90deg); }</p><p>     66% { -webkit-transform: rotateY(-270deg) rotateX(90deg); }</p><p>     83% { -webkit-transform: rotateX(90deg); }</p><p>   }</p><p></p><p></p><p>   @keyframes spincube {</p><p>     from,to {</p><p>       -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p>       -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p>       transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p>     }</p><p>     16% {</p><p>       -moz-transform: rotateY(-90deg);</p><p>       -ms-transform: rotateY(-90deg);</p><p>       transform: rotateY(-90deg);</p><p>     }</p><p>     33% {</p><p>       -moz-transform: rotateY(-90deg) rotateZ(90deg);</p><p>       -ms-transform: rotateY(-90deg) rotateZ(90deg);</p><p>       transform: rotateY(-90deg) rotateZ(90deg);</p><p>     }</p><p>     50% {</p><p>       -moz-transform: rotateY(-180deg) rotateZ(90deg);</p><p>       -ms-transform: rotateY(-180deg) rotateZ(90deg);</p><p>       transform: rotateY(-180deg) rotateZ(90deg);</p><p>     }</p><p>     66% {</p><p>       -moz-transform: rotateY(-270deg) rotateX(90deg);</p><p>       -ms-transform: rotateY(-270deg) rotateX(90deg);</p><p>       transform: rotateY(-270deg) rotateX(90deg);</p><p>     }</p><p>     83% {</p><p>       -moz-transform: rotateX(90deg);</p><p>       -ms-transform: rotateX(90deg);</p><p>       transform: rotateX(90deg);</p><p>     }</p><p>   }</p><p></p><p></p><p>   .cubespinner {</p><p>     -webkit-animation-name: spincube;</p><p>     -webkit-animation-timing-function: ease-in-out;</p><p>     -webkit-animation-iteration-count: infinite;</p><p>     -webkit-animation-duration: 12s;</p><p></p><p></p><p>     animation-name: spincube;</p><p>     animation-timing-function: ease-in-out;</p><p>     animation-iteration-count: infinite;</p><p>     animation-duration: 12s;</p><p></p><p></p><p>     -webkit-transform-style: preserve-3d;</p><p>     -moz-transform-style: preserve-3d;</p><p>     -ms-transform-style: preserve-3d;</p><p>     transform-style: preserve-3d;</p><p></p><p></p><p>     -webkit-transform-origin: 60px 60px 0;</p><p>     -moz-transform-origin: 60px 60px 0;</p><p>     -ms-transform-origin: 60px 60px 0;</p><p>     transform-origin: 60px 60px 0;</p><p>   }</p><p></p><p></p><p>   .cubespinner div {</p><p>     position: absolute;</p><p>     width: 300px;</p><p>     height: 300px;</p><p>     background: rgba(255,255,255,0.9);</p><p>     line-height:200px;</p><p>     text-align: center;</p><p>     font-size: 50px;</p><p>   }</p><p></p><p></p><p>   .cubespinner .face1 {</p><p>     color: CadetBlue;</p><p>     -webkit-transform: translateZ(60px);</p><p>     -moz-transform: translateZ(60px);</p><p>     -ms-transform: translateZ(60px);</p><p>     transform: translateZ(60px);</p><p>   }</p><p>   .cubespinner .face2 {</p><p>     color: ForestGreen;</p><p>     -webkit-transform: rotateY(90deg) translateZ(60px);</p><p>     -moz-transform: rotateY(90deg) translateZ(60px);</p><p>     -ms-transform: rotateY(90deg) translateZ(60px);</p><p>     transform: rotateY(90deg) translateZ(60px);</p><p>   }</p><p>   .cubespinner .face3 {</p><p>     color: blue;</p><p>     -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p>     -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p>     -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p>     transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p>   }</p><p>   .cubespinner .face4 {</p><p>     color: orange;</p><p>     -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p>     -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p>     -ms-transform: rotateY(180de</p><p>g) rotateZ(90deg) translateZ(60px);</p><p></p><p>     transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p>   }</p><p>   .cubespinner .face5 {</p><p>     color: red;</p><p>     -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p>     -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p>     -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p>     transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p>   }</p><p>   .cubespinner .face6 {</p><p>     color: DarkSlateGray;</p><p>     -webkit-transform: rotateX(-90deg) translateZ(60px);</p><p>     -moz-transform: rotateX(-90deg) translateZ(60px);</p><p>     -ms-transform: rotateX(-90deg) translateZ(60px);</p><p>     transform: rotateX(-90deg) translateZ(60px);</p><p>   }</p><p> &lt;/style&gt;</p><p>   &lt;/body&gt;</p><p> &lt;/html&gt;

Show quoted text

Answered by Anonymous
5

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

Similar questions