Hindi, asked by shivanishivu8523, 8 months ago

Jessie legend McVeigh's ehhdhdhdbxbdbbsnsnsnsmsmmdmdmkdkdkdksjdjxnxnxnjxjdjeueuyeisoeksmxncksllsodjdjxndjsnkshrjriekhdjdkdoehrhfnzkskdidjjeheowowygwhr do whiqiwiwiqisiaisjxyeuduiekwiwjsbxmxmzmkzmznznznznnznxnxkekskeisieujdkdjxkxzkkxjsjs

Answers

Answered by vijaydk24

MARK ME BRAINLIST.......

HHHHGGGTFG
↓↓
$<!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