English, asked by NeverGibup, 10 months ago

how can I use colourful and bold text, if answer is correct I'll mark their answer and follow them​

Answers

Answered by Anonymous
0

&lt;html&gt;</p><p></p><p>&lt;head&gt;</p><p></p><p>&lt;style&gt;</p><p></p><p>h1{</p><p></p><p>text-transform:uppercase;</p><p></p><p>margin-top:90px;</p><p></p><p>text-align:center;</p><p></p><p>font-family:Courier new,monospace;</p><p></p><p>border:3px solid rgb(60,45,8);</p><p></p><p>border-top:none;</p><p></p><p>width:67%;</p><p></p><p>letter-spacing:-6px;</p><p></p><p>box-sizing:border-box;</p><p></p><p>padding-right:5px;</p><p></p><p>border-radius:6px;</p><p></p><p>font-size:35px;</p><p></p><p>font-weight:bold;</p><p></p><p>}</p><p></p><p>h1 span{</p><p></p><p>position:relative;</p><p></p><p>display:inline-block;</p><p></p><p>margin-right:3px;</p><p></p><p>}</p><p></p><p>@keyframes shahir{</p><p></p><p>0%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>40%</p><p></p><p>{</p><p></p><p>transform: translateY(0px) rotate(0deg);</p><p></p><p>}</p><p></p><p>50%</p><p></p><p>{</p><p></p><p>transform: translateY(-50px)rotate(180deg);;</p><p></p><p>}</p><p></p><p>60%</p><p></p><p>{</p><p></p><p>transform: translateY(0px)rotate(360deg);;</p><p></p><p>}</p><p></p><p>100%</p><p></p><p>{</p><p></p><p>transform: translate(0px)rotate(360deg);;</p><p></p><p>}}</p><p></p><p>h1 span</p><p></p><p>{</p><p></p><p>animation: shahir 3s alternate infinite linear;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(1)</p><p></p><p>{color:red;</p><p></p><p>animation-delay: 0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(2)</p><p></p><p>{color:lightmaroon;</p><p></p><p>animation-delay: 0.2s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(3)</p><p></p><p>{color:orange;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(4)</p><p></p><p>{color:pink;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(5)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(6)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(7)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.1s;</p><p>}</p><p></p><p>h1 span:nth-child(8)</p><p></p><p>{color:red;</p><p></p><p>animation-delay: 0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(9)</p><p></p><p>{color:lightmaroon;</p><p></p><p>animation-delay: 0.2s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(10)</p><p></p><p>{color:orange;</p><p></p><p>animation-delay:0s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(11)</p><p></p><p>{color:pink;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(12)</p><p></p><p>{color:lime;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(13)</p><p></p><p>{color:purple;</p><p></p><p>animation-delay: 0.3s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(14)</p><p></p><p>{color:blue;</p><p></p><p>animation-delay: 0.4s;</p><p></p><p>}</p><p></p><p>h1 span:nth-child(15)</p><p></p><p>{color:yellow;</p><p></p><p>animation-delay: 0.5s;</p><p></p><p>} </p><p></p><p>&lt;/style&gt;</p><p></p><p>&lt;meta name="viewport" content="width=device-width" &gt;</p><p></p><p>&lt;/head&gt;</p><p></p><p>&lt;body&gt;</p><p></p><p>&lt;center&gt;</p><p></p><p>&lt;div&gt;</p><p></p><p>&lt;h1&gt;</p><p></p><p>&lt;span&gt;G&lt;/span&gt;</p><p></p><p>&lt;span&gt;O&lt;/span&gt;</p><p></p><p>&lt;span&gt;U&lt;/span&gt;</p><p></p><p>&lt;span&gt;T&lt;/span&gt;</p><p></p><p>&lt;span&gt;A&lt;/span&gt; </p><p></p><p>&lt;span&gt;M&lt;/span&gt;</p><p></p><p></p><p>&lt;/h1&gt;</p><p></p><p>&lt;/div&gt;</p><p></p><p>&lt;/center&gt;</p><p></p><p>&lt;/body&gt;</p><p></p><p>&lt;/html&gt;</p><p></p><p>

&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></p><p>&lt;div id="cube"&gt;</p><p></p><p>&lt;div class="front"&gt;15&lt;/div&gt;</p><p></p><p>&lt;div class="back"&gt;Thanks&lt;/div&gt;</p><p></p><p>&lt;div class="right"&gt;+&lt;/div&gt;</p><p></p><p>&lt;div class="left"&gt;Follow &lt;/div&gt;</p><p></p><p>&lt;div class="top"&gt;=&lt;/div&gt;</p><p></p><p>&lt;div class="bottom"&gt;Inbox&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>padding-left: 30%;</p><p></p><p>padding-top: 5%;</p><p></p><p>}</p><p></p><p>.container {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>position: relative;</p><p></p><p>-webkit-perspective: 1000px;</p><p></p><p>-moz-perspective: 1000px;</p><p></p><p>}</p><p></p><p>#cube {</p><p></p><p>width: 100%;</p><p></p><p>height: 100%;</p><p></p><p>position: absolute;</p><p></p><p>-webkit-transform-style: preserve-3d;</p><p></p><p>-webkit-animation: rotatecube 10s infinite;</p><p></p><p>-moz-transform-style: preserve-3d;</p><p></p><p>-moz-animation: rotatecube 10s infinite;</p><p></p><p>}</p><p></p><p>#cube div {</p><p></p><p>width: 200px;</p><p></p><p>height: 200px;</p><p></p><p>display: block;</p><p></p><p>position: absolute;</p><p></p><p>border: none;</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>font-weight: bold;</p><p></p><p>}</p><p></p><p>@-webkit-keyframes rotatecube {</p><p></p><p>0% { -webkit-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -webkit-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -webkit-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -webkit-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>@-moz-keyframes rotatecube {</p><p></p><p>0% { -moz-transform: rotateX(0deg) rotateY(360deg) rotateZ(90deg); }</p><p></p><p>25% { -moz-transform: rotateX(90deg) rotateY(270deg) rotateZ(180deg); }</p><p></p><p>50% { -moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(0deg); }</p><p></p><p>75% { -moz-transform: rotateX(270deg) rotateY(90deg) rotateZ(360deg); }</p><p></p><p>100% { -moz-transform: rotateX(360deg) rotateY(0deg) rotateZ(270deg); }</p><p></p><p>}</p><p></p><p>.front {</p><p></p><p>background: rgba(255,0,0,.5);</p><p></p><p>}</p><p></p><p>.back {</p><p></p><p>background: rgba(0,255,0,.5);</p><p></p><p>}</p><p></p><p>.right {</p><p></p><p>background: rgba(0,0,255,.5);</p><p></p><p>}</p><p></p><p>.left {</p><p></p><p>background: rgba(0,255,255,.5);</p><p></p><p>}</p><p></p><p>.top {</p><p></p><p>background: rgba(255,0,255,.5);</p><p></p><p>}</p><p></p><p>.bottom {</p><p></p><p>background: rgba(255,255,0,.5);</p><p></p><p>}</p><p></p><p>#cube .front {</p><p></p><p>-webkit-transform: rotateY(0deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 0deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .back {</p><p></p><p>-webkit-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 180deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .right {</p><p></p><p>-webkit-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .left {</p><p></p><p>-webkit-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateY( -90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .top {</p><p></p><p>-webkit-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( 90deg ) translateZ( 100px );</p><p></p><p>}</p><p></p><p>#cube .bottom {</p><p></p><p>-webkit-transform: rotateX( -90deg ) translateZ( 100px );</p><p></p><p>-moz-transform: rotateX( -90deg ) translateZ( 100px );</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
3

Answer:

Use these options......

Attachments:
Previous Question
Next Question
Similar questions
Math, 4 months ago
7. A piece of wire is 96 cm long. What will be the length of each side, if the string is used to form: (i) a square ? (ii) an equilateral triangle ? congle is 48 cm (iii) a regular hexagon?​
Math, 4 months ago
write defference between parallel line and converging line​...
English, 4 months ago
A poor farmers ___ gets a wonderful ___ hen __ lays a golden egg daily ___ farmer becomes rich ___ richer ___ wants to be richest ___ cuts it ___ find no gold The Moral of this story?​
Science, 10 months ago
3. Mark ‘T’ if the statement is true and ‘F’ if it is false: (i) Nitric acid turn red litmus blue. (ii) Sodium hydroxide turns blue litmus red. (iii) Indicator is a substance which shows different colours in acidic and basic solutions.​
Math, 10 months ago
2. Rationtinalise the denominator of 1/root 9 + 2root 2 ​...
English, 1 year ago
03) Despite facing cold, hunger and apathy of the people around her the little match girl does not loose her faith and hope. Justify the statement in the content of the story The Little match girl'.​ answer fast plzzz...
Science, 1 year ago
CHEMISTRY Question 15 State the main postulates of Dalton's atomic theory.​
Science, 1 year ago
if the I. E. of HE+ is 54.4ev then- prove I. E. of h is 13.6ev and that of Li+2 is 122.4 ev. Plz.. Try it and answer it ​...