English, asked by subnil420420, 8 months ago

Monday morning______​

Answers

Answered by Anonymous
34

Explanation:

yaaaa...

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

Answered by timemakeup199
1

mark me as brainlist this was your answer

Previous Question
Next Question
Similar questions
Business Studies, 4 months ago
निजीकरण से आप क्या समझते है​...
Computer Science, 4 months ago
Which tool is used to make changes in a circle that is made on a canvas?  Zoom Rectangle Transform Eye drop​...
India Languages, 4 months ago
1. ਮੂਕਨਾਦਿਕ੍ ਰ੍ਸਾਲਾ 2. ਪੋ੍ਰਫੈਸਰ ਗੁਰਮੁਖ ਸ਼ਿੰਘ 3. ਨਹਿਰੂ ਰਿਪੋਰਟ​...
English, 8 months ago
Imagine, you are Margie or Tommy and write a diary entry in the space given below. Your entry could be around the incident when the district county officer visits Margie’s house. You can choose to highlight any other incident as well.Day:Date:Dear Diary,Today, _______________________________________________________________________________...
Geography, 8 months ago
15. A human being who can contribute to his family, society or economy is called a I Enter your answer​...
English, 11 months ago
what is the meaning of waht ? what is iside the pyramids of giza? Is pyramids made by aliens or peoplebecause the weight of a single brick of pyramids is 20015 kg ?
Biology, 11 months ago
give one point of turgidity and rigidity effect on cytoplasm​...
Hindi, 11 months ago
Aap Ke Gaon Se Shehar tak ki Sadak khasta hal hai ise pesh aa rahi mushkilon ko batate Hue Iske Halke liye mukhya abhiyanta Lok Nirman Vibhag ko Patra likhe​...