Biology, asked by sagarikagubbala38, 1 year ago

Dfbjfytghfgghhhhhhghh

Answers

Answered by Anonymous

¯\_(ツ)_/¯

$<!DOCTYPE html><html lang="en"><head><title>CUBE</title></head><body><div class="container"><div id="cube"><div class="front">1</div><div class="back">2</div><div class="right">3</div><div class="left">4</div><div class="top">5</div><div class="bottom">6</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>$

Answered by Anonymous

$<!DOCTYPE html><html lang="en"><head><title>Project name</title></head><h1>ABHISHEK</h1>F*CK OFF<div class="dora"></div><style>body {background:#3FBF50;font-family:sans-serif;}h1 { margin:1em auto;text-align:center;color:#fff; }p { margin:1em auto;text-align:center;color:#fff; }.dora { cursor: pointer; font-size:20px; width:10em; height:9.9em; margin:2em auto 10em; position:relative; border-radius:50%; background:#fff;/*face*/ box-shadow: /*leg L*/ 2.5em 10.7em 0 -3.5em #fff, 2.5em 10.9em 0 -3.2em #ddd, 2.5em 10.9em 0 -3.1em #000, /*hand R*/ -5.9em 4.3em 0 -3.5em #fff, -5.7em 4.4em 0 -3.2em #ddd, /*bell*/ 0 5.5em 0 -4.5em #dd0, 0 5.5em 0 -4.4em #000, /*neck*/ 0 1.2em 0 -1em #000, 0 2em 0 -1.3em #d00, 0 2.1em 0 -1.3em #000, /*body*/ 0 7.1em 0 -1.8em #f8f8f8,/*body inner*/ 0 7.1em 0 -1.2em #26f, /*arm R*/ -4.6em 5.0em 0 -3.8em #15e, -3.3em 5.4em 0 -4em #15e, /*leg R*/ -1.3em 10.8em 0 -3.6em #26f,-1.3em 11.8em 0 -3.6em #eee, /*arm L*/ 3.2em 5.9em 0 -4.0em #26f, 3.6em 6.0em 0 -4.0em #26f, 3.9em 6.1em 0 -4.0em #26f, 4.0em 6.2em 0 -4.0em #26f, 4.1em 6.3em 0 -4.0em #26f, 4.2em 6.4em 0 -4.0em #26f, 4.3em 6.5em 0 -4.0em #26f, /*hand L*/ 5.4em 7.1em 0 -4.1em #eee, /*head*/ 0 1em 0 1em #26f inset, /*outline*/ 0 7.1em 0 -1.1em #000,/*body*/ 0 0 0 0.1em #000,/*head*/ -5.7em 4.4em 0 -3.1em #000,/*hand R*/ 5.4em 7.1em 0 -4.0em #000,/*hand L*/ -1.3em 11.8em 0 -3.5em #000,/*leg R*/ /*arm L*/ 3.2em 5.9em 0 -3.9em #000, 3.6em 6.0em 0 -3.9em #000, 3.9em 6.1em 0 -3.9em #000, 4.0em 6.2em 0 -3.9em #000, 4.1em 6.3em 0 -3.9em #000, 4.2em 6.4em 0 -3.9em #000, 4.3em 6.5em 0 -3.9em #000, /*arm R*/ -4.6em 5.0em 0 -3.7em #000, -3.3em 5.4em 0 -3.9em #000, /*leg R*/ -1.3em 10.8em 0 -3.5em #000, 0 0 0 0 transparent;/* --- */}.dora:after { font-size:1em; display:block; width:1em; height:1em; position:absolute; top:3em; left:4.5em; border-radius:50%; content:"|"; line-height:1; color:transparent; text-shadow: 0 0em 0 #000,/*nose line*/ 0 0.74em 0 #000,/*nose line*/ 0 0 0 transparent;/* --- */ ; text-align:center; line-height:2.8; background:#fff;/*nose highLight*/ box-shadow: -0.1em 0 0 0.3em #c00 inset,/*nose*/ /*eye L*/0.9em -1.5em 0 -0.4em #fff, 1em -1.3em 0 -0.2em #000, 1.1em -1.3em 0 0.5em #fff,/*eye white*/ 1.1em -1.3em 0 0.6em #333,/*eyeline*/ /*eye R*/ -1.1em -1.5em 0 -0.4em #fff, -1em -1.3em 0 -0.2em #000, -1em -1.3em 0 0.5em #fff,/*eye white*/ -1em -1.3em 0 0.6em #333,/*eyeline*/ 0 0 0 0 transparent;/* --- */}.dora:before { font-size:1em; width:5em; height:2.5em; display:block; margin:5em auto; position:absolute; top:1em; left:2.5em; content:"——"; color:transparent; letter-spacing:-0.26em; text-shadow: 3em -2em 0 #000,/*hige*/ 3em -2.5em 0 #000, 3em -3em 0 #000, -3em -2em 0 #000,/*hige*/ -3em -2.5em 0 #000, -3em -3em 0 #000, 0 0 0 transparent;/* --- */ ; text-align:center; border-radius:0 0 50% 50% / 0 0 100% 100%; background:#d33;/*mouse*/ box-shadow:0 2em 0em -1em #c00 inset,/*mouse*/ 0 6.2em 0 0 #f8f8f8,/*pocket*/ 0 6.2em 0 0.1em #333,/*pocket*/ 0 0 0 0 transparent;/* --- */}/* tansition */.dora,.dora:before,.dora:after { -webkit-transform: translate3d(0,0,0); -webkit-transition:0.5s; -moz-transform: translate3d(0,0,0); -moz-transition:0.5s; transform: translate3d(0,0,0); transition:0.5s;}.dora:hover,.dora:hover:before,.dora:hover:after { border-radius: 0; box-shadow:none; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}</style></body></html>$

Previous Question

Next Question