History, asked by sehajbangrh10001, 8 months ago

kakajsvhsevejssksvdm33eq8 sjwjwkowiwhajakajwbwabwjsebheemenwkwnw​

Answers

Answered by itzcutedoll27
3

Answer:

</p><p></p><p>&lt;html&gt; </p><p>&lt;head&gt;</p><p>&lt;style&gt;</p><p>#grad1 {</p><p>height: 200px;</p><p>background-color: red; /* For browsers that do not </p><p></p><p>support gradients */</p><p>background-image: linear-gradient(to right, red, </p><p></p><p>orange, yellow, green, blue, indigo, violet); /* Standard </p><p></p><p>syntax (must be last) */</p><p>}</p><p>&lt;/style&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p></p><p>&lt;div id="grad1" style="text-</p><p></p><p>align:center;margin:auto;color:White;font-</p><p></p><p>size:30px;font-weight:bold"&gt;</p><p>&lt;br&gt;</p><p>&lt;/br&gt; ❤️❤️❤️❤️FOLLOW ME ❤️❤️❤️❤️</p><p>&lt;/div&gt;</p><p></p><p>&lt;/body&gt;</p><p>&lt;/html&gt;</p><p>

Answered by Anonymous
1

&lt;!DOCTYPE html&gt;</p><p>&lt;html lang="en"&gt;</p><p>&lt;head&gt;</p><p>&lt;title&gt;CUBE&lt;/title&gt;</p><p>&lt;/head&gt;</p><p>&lt;body&gt;</p><p>&lt;div class="container"&gt;</p><p>&lt;div id="cube"&gt;</p><p>&lt;div class="front"&gt;1&lt;/div&gt;</p><p>&lt;div class="back"&gt;2&lt;/div&gt;</p><p>&lt;div class="right"&gt;3&lt;/div&gt;</p><p>&lt;div class="left"&gt;4&lt;/div&gt;</p><p>&lt;div class="top"&gt;5&lt;/div&gt;</p><p>&lt;div class="bottom"&gt;6&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;/div&gt;</p><p>&lt;style&gt;</p><p>body {</p><p>padding-left: 30%;</p><p>padding-top: 5%;</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>#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>-moz-transform-style: preserve-3d;</p><p>-moz-animation: rotatecube 10s infinite;</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>@-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>@-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>.front {</p><p>background: rgba(255,0,0,.5);</p><p>}</p><p>.back {</p><p>background: rgba(0,255,0,.5);</p><p>}</p><p>.right {</p><p>background: rgba(0,0,255,.5);</p><p>}</p><p>.left {</p><p>background: rgba(0,255,255,.5);</p><p>}</p><p>.top {</p><p>background: rgba(255,0,255,.5);</p><p>}</p><p>.bottom {</p><p>background: rgba(255,255,0,.5);</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>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Previous Question
Next Question
Similar questions
Math, 4 months ago
Draw a circle of radius 3 cm .Draw a triangle with vertices on those circle and two angles 70° and 50° who will anser this i well mark him as brainly and give 5 rate​...
Physics, 4 months ago
what is dronacharya award? ​
Math, 4 months ago
in the given figure below decide wheather L is parallel to M who will answer 1st i will mark u as brainlist ​...
Math, 8 months ago
राइट डाउन टू रेशनल नंबर्स बिटवीन - 2 अपऑन 3 एंड माइनस वन अपऑन थे ​...
Math, 8 months ago
Find theta if 2sin2theta​...
Geography, 11 months ago
Two poles of height 8 metre and 4 metre a perpendicular to the ground if the length of Shadow of smaller pole due to sunlight is 6 metre then how long will be the shadow of the bigger pole at the same time...
Business Studies, 11 months ago
"Existence of business is not possible without society" Explain the statement with reference to social objective of business...
Science, 11 months ago
Difinition of beel jar experiment...