Happy teachers day my dear teachers?? …

CBSE, JEE, NEET, CUET

Question Bank, Mock Tests, Exam Papers

NCERT Solutions, Sample Papers, Notes, Videos

Happy teachers day my dear teachers?? [tex] <html lang="en"> <head> <title>CUBE</title> </head> <body> <div class="container"> <div id="cube"> <div class="front">gourav sir</div> <div class="back">mam</div> <div class="right">yogita</div> <div class="left">❣️</div> <div class="top">❣️</div> <div class="bottom">❣️</div> </div> </div> <style> 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 ); } </style> </body> </html>[/tex]

Posted by ꧁༺★King K. Tyagi Ji}★༺꧂ ??? 5 years ago

CBSE > Class 11 > Chemistry

5 answers

꧁༺★King K. Tyagi Ji}★༺꧂ ??? 5 years ago

<html> <head> <title> Try It Yourself </title> <style type="text/css"> div { height: 200px; line-height: 200px; color: white; text-align: center; padding-left: 20px; padding-right: 20px; } </style> </head> <body> <div onclick="changeColor(this)" style="background-color: red;"> Tap me to change my color! </div> <script> function changeColor(element) { var currentColor = element.style.backgroundColor; if(currentColor == "red") { element.style.backgroundColor = "green"; } else { element.style.backgroundColor = "red"; } } </script> </body>

0Thank You

Don'T Dare To Change It 5 years ago

????

0Thank You

Aastha .? 5 years ago

2Thank You

꧁༺★King K. Tyagi Ji}★༺꧂ ??? 5 years ago

???it's magic

0Thank You

Śěřãj The Cute? 5 years ago

Wow kaise kiya

0Thank You