Physics, asked by kapilkumar48, 11 months ago

Can anyone tell me how Fanwork?
If you didn't know, so please don't answer.........

Answers

Answered by kings07

$APPLE .apple, .but:before, .top span:after, .middle:after, .top:before, .top:after, .middle:before, .but:after { background: #FFF; /* foreground color */}body, .footer, .middle span, .middle, .top, .top span { background: #CCC; /* background color */}.apple { width: 230px; height: 200px; border-radius: 36% 36% 41% 41% / 42% 42% 75% 75%; position: relative; margin: 80px auto 0;}.footer { position: absolute; width: 60%; height: 62%; right: -40%; top: 8%; border-radius: 60%;}.middle span { display: block; position: absolute; border-radius: 100% 100% 0% 0%; width: 24.5%; height: 400%; bottom: -239%; left: 38%;}.middle { position: absolute; width: 100%; height: 4%; bottom: -1%;}.middle:before { content: ''; position: absolute; width: 24%; height: 400%; border-radius: 0% 0% 100% 100%; left: 21%; bottom: 38%;}.middle:after { content: ''; position: absolute; width: 23.4%; height: 400%; border-radius: 0% 0% 100% 100%; right: 21%; bottom: 38%;}.top span { display: block; position: absolute; border-radius: 0 0 44% 44% / 0 0 100% 100%; width: 63%; height: 259%; top: -92%; left: 18.6%; z-index: 3;}.top span:after { border-radius: 100% 0 100% 0; content: ""; height: 242%; left: 41%; position: absolute; top: -193%; width: 90%;}.top { position: absolute; width: 42%; height: 4%; top: 0px; left: 29%;}.top:before { content: ''; position: absolute; width: 62%; height: 260%; border-radius: 100% 100% 0% 0% / 100% 200% 0% 0%; left: -27%; top: 1%;}.top:after { content: ''; position: absolute; width: 62%; height: 260%; border-radius: 100% 100% 0% 0% / 200% 100% 0% 0%; right: -27%; top: 1%; $

Answered by ChromaticSoul

Answer:

I will thank u

thank me also $<!DOCTYPE html><html lang="en"><head><title>CUBE</title></head><body><div class="container"><div id="cube"><div class="front">pls</div><div class="back">follow</div><div class="right">me</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>$

Previous Question

Next Question

Can anyone tell me how *Fan*work?If you didn't know, so please don't answer......... ​

Answers

Can anyone tell me how Fanwork?
If you didn't know, so please don't answer.........