Math, asked by brainlyking8, 8 months ago

<marquee behaviour- move> <font color ="puple"><h2> brainlyking8 </hy> </marquee> <marquee behaviour- move> <font color ="red magnta"><h2> tell about calsiam ?</hy> </marquee> <marquee behaviour- move> <font color ="purple"><h2> Follow me</hy> </marquee>

Answers

Answered by Anonymous
3

<body bgcolor="black"><font color="yellow">

\fbox{■■■■■》》》}

&lt;marquee behaviour="scroll"direction="up"&gt;&lt;font color="red"&gt;Hello 》》》》》》 &lt;/marquee behaviour="scroll"direction="right"&gt;</p><p>&lt;marquee behaviour="scroll"direction="down"&gt;&lt;font color="orange"&gt;Hello 》》》》》》</p><p>&lt;/marquee behaviour="scroll"direction="down"&gt;

&lt;font color="orange"&gt;&lt;marquee scrollamount =130&gt;□□□□□□□☆☆■■☆☆ □□□□□□□□□□&lt;/marquee&gt;

&lt;font color="blue"&gt;&lt;marquee behaviour="scroll"direction="right"=marquee scrollamount=130&gt;□□□□□□□☆☆■■☆☆□□□□□□□□□□&lt;/marquee&gt;

&lt;font color="orange"&gt;&lt;marquee scrollamount =130&gt;□□□□□□□☆☆■■☆☆ □□□□□□□□□□&lt;/marquee&gt;

&lt;font color="blue"&gt;&lt;marquee behaviour="scroll"direction="right"=marquee scrollamount=130&gt;□□□□□□□☆☆■■☆☆□□□□□□□□□□&lt;/marquee&gt;

Answered by Anonymous
19

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &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;pls&lt;/div&gt; &lt;div class="back"&gt;follow&lt;/div&gt; &lt;div class="right"&gt;me&lt;/div&gt; &lt;div class="left"&gt;❣️&lt;/div&gt; &lt;div class="top"&gt;❣️&lt;/div&gt; &lt;div class="bottom"&gt;❣️&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;style&gt; body { padding-left: 30%; padding-top: 5%; } .container { width: 200px; height: 200px; position: relative; -webkit-perspective: 1000px; -moz-perspective: 1000px; } #cube { width: 100%; height: 100%; position: absolute; -webkit-transform-style: preserve-3d; -webkit-animation: rotatecube 10s infinite; -moz-transform-style: preserve-3d; -moz-animation: rotatecube 10s infinite; } #cube div { width: 200px; height: 200px; display: block; position: absolute; border: none; line-height: 200px; text-align: center; font-size: 50px; font-weight: bold; } @-webkit-keyframes rotatecube { 0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } @-moz-keyframes rotatecube { 0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); } 25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); } 50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); } 75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); } 100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); } } .front { background: rgba(255,0,0,.5); } .back { background: rgba(0,255,0,.5); } .right { background: rgba(0,0,255,.5); } .left { background: rgba(0,255,255,.5); } .top { background: rgba(255,0,255,.5); } .bottom { background: rgba(255,255,0,.5); } #cube .front { -webkit-transform: rotateY(0deg ) translateZ( 100px ); -moz-transform: rotateY( 0deg ) translateZ( 100px ); } #cube .back { -webkit-transform: rotateX( 180deg ) translateZ( 100px ); -moz-transform: rotateX( 180deg ) translateZ( 100px ); } #cube .right { -webkit-transform: rotateY( 90deg ) translateZ( 100px ); -moz-transform: rotateY( 90deg ) translateZ( 100px ); } #cube .left { -webkit-transform: rotateY( -90deg ) translateZ( 100px ); -moz-transform: rotateY( -90deg ) translateZ( 100px ); } #cube .top { -webkit-transform: rotateX( 90deg ) translateZ( 100px ); -moz-transform: rotateX( 90deg ) translateZ( 100px ); } #cube .bottom { -webkit-transform: rotateX( -90deg ) translateZ( 100px ); -moz-transform: rotateX( -90deg ) translateZ( 100px ); } &lt;/style&gt; &lt;/body&gt; &lt;/html&gt;

Similar questions