English, asked by rubyrenjith8, 8 months ago

please tanks my 10 answer please ​

Answers

Answered by Anonymous
2

Ok!!

&lt;!DOCTYPE html&gt;</p><p></p><p> &lt;html&gt;</p><p></p><p> &lt;head&gt;</p><p></p><p> &lt;title&gt;3D Animation&lt;/title&gt;</p><p></p><p> &lt;/head&gt;</p><p></p><p> &lt;body&gt;</p><p></p><p> &lt;div class="stage" style="width: 120px; height: 120px;"&gt;</p><p></p><p> &lt;div class="cubespinner"&gt;</p><p></p><p> &lt;div class="face1"&gt;Legend&lt;/div&gt;</p><p></p><p> &lt;div class="face2"&gt;Goutam&lt;/div&gt;</p><p></p><p> &lt;div class="face3"&gt;Superstar&lt;/div&gt;</p><p></p><p> &lt;div class="face4"&gt;Heroic&lt;/div&gt;</p><p></p><p> &lt;div class="face5"&gt;Phenomenol&lt;/div&gt;</p><p></p><p> &lt;div class="face6"&gt;Pro killer&lt;/div&gt;</p><p></p><p> &lt;/div&gt;</p><p></p><p> &lt;/div&gt;</p><p></p><p> &lt;style&gt;</p><p></p><p> body {</p><p></p><p> margin: 100px 50px 50px 50px;</p><p></p><p> }</p><p></p><p></p><p></p><p> @-webkit-keyframes spincube {</p><p></p><p> from,to { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }</p><p></p><p> 16% { -webkit-transform: rotateY(-90deg); }</p><p></p><p> 33% { -webkit-transform: rotateY(-90deg) rotateZ(90deg); }</p><p></p><p> 50% { -webkit-transform: rotateY(-180deg) rotateZ(90deg); }</p><p></p><p> 66% { -webkit-transform: rotateY(-270deg) rotateX(90deg); }</p><p></p><p> 83% { -webkit-transform: rotateX(90deg); }</p><p></p><p> }</p><p></p><p></p><p></p><p> @keyframes spincube {</p><p></p><p> from,to {</p><p></p><p> -moz-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p></p><p> -ms-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p></p><p> transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);</p><p></p><p> }</p><p></p><p> 16% {</p><p></p><p> -moz-transform: rotateY(-90deg);</p><p></p><p> -ms-transform: rotateY(-90deg);</p><p></p><p> transform: rotateY(-90deg);</p><p></p><p> }</p><p></p><p> 33% {</p><p></p><p> -moz-transform: rotateY(-90deg) rotateZ(90deg);</p><p></p><p> -ms-transform: rotateY(-90deg) rotateZ(90deg);</p><p></p><p> transform: rotateY(-90deg) rotateZ(90deg);</p><p></p><p> }</p><p></p><p> 50% {</p><p></p><p> -moz-transform: rotateY(-180deg) rotateZ(90deg);</p><p></p><p> -ms-transform: rotateY(-180deg) rotateZ(90deg);</p><p></p><p> transform: rotateY(-180deg) rotateZ(90deg);</p><p></p><p> }</p><p></p><p> 66% {</p><p></p><p> -moz-transform: rotateY(-270deg) rotateX(90deg);</p><p></p><p> -ms-transform: rotateY(-270deg) rotateX(90deg);</p><p></p><p> transform: rotateY(-270deg) rotateX(90deg);</p><p></p><p> }</p><p></p><p> 83% {</p><p></p><p> -moz-transform: rotateX(90deg);</p><p></p><p> -ms-transform: rotateX(90deg);</p><p></p><p> transform: rotateX(90deg);</p><p></p><p> }</p><p></p><p> }</p><p></p><p></p><p></p><p> .cubespinner {</p><p></p><p> -webkit-animation-name: spincube;</p><p></p><p> -webkit-animation-timing-function: ease-in-out;</p><p></p><p> -webkit-animation-iteration-count: infinite;</p><p></p><p> -webkit-animation-duration: 12s;</p><p></p><p></p><p></p><p> animation-name: spincube;</p><p></p><p> animation-timing-function: ease-in-out;</p><p></p><p> animation-iteration-count: infinite;</p><p></p><p> animation-duration: 12s;</p><p></p><p></p><p></p><p> -webkit-transform-style: preserve-3d;</p><p></p><p> -moz-transform-style: preserve-3d;</p><p></p><p> -ms-transform-style: preserve-3d;</p><p></p><p> transform-style: preserve-3d;</p><p></p><p></p><p></p><p> -webkit-transform-origin: 60px 60px 0;</p><p></p><p> -moz-transform-origin: 60px 60px 0;</p><p></p><p> -ms-transform-origin: 60px 60px 0;</p><p></p><p> transform-origin: 60px 60px 0;</p><p></p><p> }</p><p></p><p></p><p></p><p> .cubespinner div {</p><p></p><p> position: absolute;</p><p></p><p> width: 300px;</p><p></p><p> height: 300px;</p><p></p><p> background: rgba(255,255,255,0.9);</p><p></p><p> line-height:200px;</p><p></p><p> text-align: center;</p><p></p><p> font-size: 50px;</p><p></p><p> }</p><p></p><p></p><p></p><p> .cubespinner .face1 {</p><p></p><p> color: CadetBlue;</p><p></p><p> -webkit-transform: translateZ(60px);</p><p></p><p> -moz-transform: translateZ(60px);</p><p></p><p> -ms-transform: translateZ(60px);</p><p></p><p> transform: translateZ(60px);</p><p></p><p> }</p><p></p><p> .cubespinner .face2 {</p><p></p><p> color: ForestGreen;</p><p></p><p> -webkit-transform: rotateY(90deg) translateZ(60px);</p><p></p><p> -moz-transform: rotateY(90deg) translateZ(60px);</p><p></p><p> -ms-transform: rotateY(90deg) translateZ(60px);</p><p></p><p> transform: rotateY(90deg) translateZ(60px);</p><p></p><p> }</p><p></p><p> .cubespinner .face3 {</p><p></p><p> color: blue;</p><p></p><p> -webkit-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p> -moz-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p> -ms-transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p> transform: rotateY(90deg) rotateX(90deg) translateZ(60px);</p><p></p><p> }</p><p></p><p> .cubespinner .face4 {</p><p></p><p> color: orange;</p><p></p><p> -webkit-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> -moz-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> -ms-transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> transform: rotateY(180deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> }</p><p></p><p> .cubespinner .face5 {</p><p></p><p> color: red;</p><p></p><p> -webkit-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> -moz-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> -ms-transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> transform: rotateY(-90deg) rotateZ(90deg) translateZ(60px);</p><p></p><p> }</p><p></p><p> .cubespinner .face6 {</p><p></p><p> color: DarkSlateGray;</p><p></p><p> -webkit-transform: rotateX(-90deg) translateZ(60px);</p><p></p><p> -moz-transform: rotateX(-90deg) translateZ(60px);</p><p></p><p> -ms-transform: rotateX(-90deg) translateZ(60px);</p><p></p><p> transform: rotateX(-90deg) translateZ(60px);</p><p></p><p> }</p><p></p><p> &lt;/style&gt;</p><p></p><p> &lt;/body&gt;</p><p></p><p> &lt;/html&gt;

Answered by Anonymous
1

Explanation:

b> - Bold text.

<strong> - Important text.

<i> - Italic text.

<em> - Emphasized text.

<mark> - Marked text.

<small> - Smaller text.

<del> - Deleted text.

<ins> - Inserted text.

b> - Bold text.

Ok

b&gt; - Bold text.</p><p>&lt;strong&gt; - Important text.</p><p>&lt;i&gt; - Italic text.</p><p>&lt;em&gt; - Emphasized text.</p><p>&lt;mark&gt; - Marked text.</p><p>&lt;small&gt; - Smaller text.</p><p>&lt;del&gt; - Deleted text.</p><p>&lt;ins&gt; - Inserted text. </p><p>b&gt; - Bold text.</p><p>Ok

Previous Question
Next Question
Similar questions
Computer Science, 3 months ago
Exercise Choose the correct options. . Which tool is used to open a new Tux Paint wind a) Open b) New c) 2. The keyboard shortcut to undo is a) Ctrl + W. b) Ctrl + A. c) 3. Which of the following tools is used to add text?​
Math, 3 months ago
the area of rectangle gets reduced by 9 square units if its length is reduced by 5 units and breadth by is increased by 3 units. If we increase the length by 3 units and breadth by 2 units,the area increases by 67 square units find the dimensions of the rectangle ​...
Physics, 3 months ago
state the dimensions of permeability of free space​...
Political Science, 8 months ago
( assignment) explain the fundamental rights.​
Hindi, 8 months ago
रन.1. वाक्य -रचनान्तरण से आप क्या समझते है?​
English, 11 months ago
Every/found/spiders/a/continent/on almost​...
English, 11 months ago
the wall of your classroom are in motion but remain stationary explain no spamm!!:-)​...
Math, 11 months ago
differentiate f(x) =cos^3(x^2)​...