English, asked by NeverGibup, 8 months ago

can anyone pl show me the usage of gifs and large colourful text in here? I want ti give pretty answers as well, please tell in detail
​

Answers

Answered by Anonymous
5

Answer:

&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;wanna&lt;/div&gt;</p><p> &lt;div class="back"&gt;make&lt;/div&gt;</p><p> &lt;div class="right"&gt;new&lt;/div&gt;</p><p> &lt;div class="left"&gt;friends&lt;/div&gt;</p><p> &lt;div class="top"&gt;FOLLOW&lt;/div&gt;</p><p> &lt;div class="bottom"&gt;me&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;

Previous Question
Next Question
Similar questions
Social Sciences, 4 months ago
groundnut grow best in sandy soil ??​
Math, 4 months ago
Ranbir father's age is 5 years more than three times Ranbir age find Ranbir age if his father is 32 years old​...
History, 4 months ago
A general impression prevailed that the Harrapan seals had some connection with the _______ civilisation. *​...
English, 8 months ago
Hola Mates... •Please answer all the jumbled sentences accordingly. •Please don't spam if you know the answer then right it and if you don't know the answer please don't try to leave the question but please don't spam.​
Math, 8 months ago
(2a - 5b - 4c)² - (2a + 5b - 4c)² simplify please say answer with explanation ​...
Hindi, 11 months ago
भगवान कृष्ण के विराट स्वरूप में किन-किन अवतारों के मुख हैं...
Hindi, 11 months ago
The Peloponnesian war was fought between _______ and _____...
Physics, 11 months ago
what remains same in uniform circular motion​...