Hindi, asked by rehadewan08, 2 months ago

❌ warning :- don't give unnecessary answers ❌​

Attachments:

Answers

Answered by FFdevansh
3

\huge\mathtt\red{★}\mathtt\red{A}\mathtt\orange{N}\mathtt\green{S}\mathtt\pink{W}\mathtt\purple{E}\mathtt\blue{R}\mathbb\blue{★}

Attachments:
Answered by TrustedAnswerer19
1

\huge\mathcal{\fcolorbox{cyan}{black}{\pink{ANSWER}}}

Shall I text you c0de like this?

<marquee scrollamount ="300" bgcolor ="green"> ★</marquee>

<marquee bgcolor ="red" behavior ="alternate"> Hi  </marquee>

<marquee scrollamount ="300" bgcolor ="green"> ★</marquee>

And remember,

Only those who use the older version of the brainly app, will see it

C0de for animated cube

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;</p><p>&lt;title&gt;CUBE&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;div class="container"&gt;&lt;div id="cube"&gt;&lt;div class="front"&gt;tata! &lt;/div&gt;&lt;div class="back"&gt; &lt;/div&gt;&lt;div class="right"&gt; bye!&lt;/div&gt;</p><p>&lt;div class="left"&gt; &lt;/div&gt;&lt;div class="top"&gt; &lt;/div&gt;</p><p>&lt;div class="bottom"&gt;Hi &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;style&gt;</p><p>body {padding-left: 30%;padding-top: 5%;}</p><p>.container {width: 200px;height: 200px;</p><p>position: relative;-webkit-perspective: 1000px;</p><p>-moz-perspective: 1000px;}</p><p>#cube {width: 100%;height: 100%;position: absolute;-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>#cube div {width: 200px;height: 200px;display: block;position: absolute;border: none;line-height: 200px;text-align: center;</p><p>font-size: 20px;font-weight: bold;}</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>@-moz-keyframes rotatecube {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>.front {background: rgba(255,0,0,.5);}.back {</p><p>background: rgba(0,255,0,.5);}</p><p>.right {background: rgba(0,0,255,.5);}.left {</p><p>background: rgba(0,255,255,.5);}.top {</p><p>background: rgba(255,0,255,.5);}.bottom {</p><p>background: rgba(255,255,0,.5);}</p><p>#cube .front {-webkit-transform: rotateY(0deg ) translateZ( 100px );-moz-transform: rotateY( 0deg ) translateZ( 100px );}</p><p>#cube .back {-webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p>-moz-transform: rotateX( 180deg ) translateZ( 100px );}</p><p>#cube .right {-webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p>-moz-transform: rotateY( 90deg ) translateZ( 100px );}</p><p>#cube .left {-webkit-transform: rotateY( -90deg ) translateZ( 100px );-moz-transform: rotateY( -90deg ) translateZ( 100px );}</p><p>#cube .top {-webkit-transform: rotateX( 90deg ) translateZ( 100px );-moz-transform: rotateX( 90deg ) translateZ( 100px );}</p><p>#cube .bottom {-webkit-transform: rotateX( -90deg ) translateZ( 100px );-moz-transform: rotateX( -90deg ) translateZ( 100px );}</p><p>&lt;/style&gt;</p><p>&lt;/body&gt;</p><p>&lt;/html&gt;

Attachments:
Similar questions