English, asked by NeverGibup, 11 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, 6 months ago
number of curved faces in a cylinder​...
Math, 6 months ago
plz give me answer Class 10 ch 3 ​...
Science, 6 months ago
Assertion: Immune system is essential for our health. Reason: Immunity is body’s defence mechanism of fights against diseases and infections​...
Science, 11 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, 11 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 ​...