English, asked by subnil420420, 9 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
Accountancy, 4 months ago
Define Royalty. Write imaginary accounts in the books of landlord and lessee.​
English, 4 months ago
what is the meaning of consulsation​...
Math, 4 months ago
(iii) Marbles of diameter 14 cm are dropped into a beaker containing some water are fully submerged. The diameter of the beaker is 7 cm. Find how many mart have been dropped in it if the water rises by 5.6 cm​...
English, 9 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, 9 months ago
15. A human being who can contribute to his family, society or economy is called a I Enter your answer​...
English, 1 year 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, 1 year ago
give one point of turgidity and rigidity effect on cytoplasm​...
Hindi, 1 year 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​...