Hindi, asked by kumardipak1399, 8 months ago

13.मीरा बाई श्याम की चाकरी क्यो करना चाहती है * 1. श्री कृष्ण के नजदीक रहने के लिए 2. कृष्ण के लिए 3. कृष्ण का हार सिंगार के लिए 4. दोहे लिखने के लिए

Answers

Answered by vijaydk24

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

Answered by WalkingDeath

$<!DOCTYPE html></p><p></p><p> <html lang="en"></p><p></p><p> <head></p><p></p><p> <meta charset="UTF-8"></p><p></p><p> <meta name="viewport" content="width=device-width, initial-scale=1.0"></p><p></p><p> <title>Arc reacter</title></p><p></p><p> <link rel="stylesheet" href="design.css" /></p><p></p><p> </head></p><p></p><p> <body></p><p></p><p> <div class="fullpage-wrapper"></p><p></p><p> <div class="reactor-container"></p><p></p><p> <div class="reactor-container-inner circle abs-center"></div></p><p></p><p> <div class="tunnel circle abs-center"></div></p><p></p><p> <div class="core-wrapper circle abs-center"></div></p><p></p><p> <div class="core-outer circle abs-center"></div></p><p></p><p> <div class="core-inner circle abs-center"></div></p><p></p><p> <div class="coil-container"></p><p></p><p> <div class="coil coil-1"></div></p><p></p><p> <div class="coil coil-2"></div></p><p></p><p> <div class="coil coil-3"></div></p><p></p><p> <div class="coil coil-4"></div></p><p></p><p> <div class="coil coil-5"></div></p><p></p><p> <div class="coil coil-6"></div></p><p></p><p> <div class="coil coil-7"></div></p><p></p><p> <div class="coil coil-8"></div></p><p></p><p> </div></p><p></p><p> </div></p><p></p><p> </div></p><p></p><p> <style></p><p></p><p> body { margin: 0; } .fullpage-wrapper { width: 100%; height: 100vh; background: radial-gradient(#353c44, #222931); display: flex; } .reactor-container { width: 300px; height: 300px; margin: auto; border: 1px dashed #888; position: relative; border-radius: 50%; background-color: #384c50; border: 1px solid rgb(18, 20, 20); box-shadow: 0px 0px 32px 8px rgb(18, 20, 20), 0px 0px 4px 1px rgb(18, 20, 20) inset; } .reactor-container-inner { height: 238px; width: 238px; background-color: rgb(22, 26, 27);; box-shadow: 0px 0px 4px 1px #52FEFE; } .circle { border-radius: 50%; } .abs-center { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .core-inner { width: 70px; height: 70px; border: 5px solid #1B4E5F; background-color: #FFFFFF; box-shadow: 0px 0px 7px 5px #52FEFE, 0px 0px 10px 10px #52FEFE inset; } .core-outer { width: 120px; height: 120px; border: 1px solid #52FEFE; background-color: #FFFFFF; box-shadow: 0px 0px 2px 1px #52FEFE, 0px 0px 10px 5px #52FEFE inset; } .core-wrapper { width: 180px; height: 180px; background-color: #073c4b; box-shadow: 0px 0px 5px 4px #52FEFE, 0px 0px 6px 2px #52FEFE inset; } .tunnel { width: 220px; height: 220px; background-color: #FFFFFF; box-shadow: 0px 0px 5px 1px #52FEFE, 0px 0px 5px 4px #52FEFE inset; } .coil-container { position: relative; width: 100%; height: 100%; animation: 3s infinite linear reactor-anim; } .coil { position: absolute; width: 30px; height: 20px; top: calc(50% - 110px); left: calc(50% - 15px); transform-origin: 15px 110px; background-color:#073c4b; box-shadow: 0px 0px 5px #52FEFE inset; } .coil-1 { transform: rotate(0deg); } .coil-2 { transform: rotate(45deg); } .coil-3 { transform: rotate(90deg); } .coil-4 { transform: rotate(135deg); } .coil-5 { transform: rotate(180deg); } .coil-6 { transform: rotate(225deg); } .coil-7 { transform: rotate(270deg); } .coil-8 { transform: rotate(315deg); } @keyframes reactor-anim { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }</p><p></p><p> </style></p><p></p><p> </body></p><p></p><p> </html>$

Previous Question

Next Question