How do I make a text have more than one color in html, like the text in this code

Question

Text multi-color application
https://code.sololearn.com/W5pHxlSxk9RW/?ref=app

Answer 1

Do you know how you did the other colours changing? (And if not, can you please cite where you copied your code from, otherwise it's plagiarism)
It's a similar idea.

https://code.sololearn.com/WNb3T0Msn5R9/?ref=app

Answer 2

h1{
animation: colorchange 9s infinite ;
font-size:80px;
background-clip: text;
-webkit-background-clip: text;
text-fill-color: transparent;
-webkit-text-fill-color: transparent;
}

use this style for h1

EXPLANATION:
1. background-clip property:

The background-clip property determines how the background of an element should be clipped or displayed.
default value is border-box

2. text-fill-color property:

The text-fill-color property sets the color to fill the text content of an element.
default value is black.

Answer 3

Ausgrindtube The code covers basic fundamental that can be found in many online tutorials like this for example. https://www.w3schools.com/css/css3_animations.asp.

Answer 4

sanni olamide
Mirielle's suggestion to use javascript to break your text to spans, you can also assign animated class to each span to create custom color animation for each letter.

https://code.sololearn.com/WMjNKFMebf21/?ref=app

Answer 5

How do i add create new e-comerce to my e comerce store for someone to create new comerce from my page?

Answer 6

sanni olamide Do you want each character in the heading to change color or do you want the entire heading to change color?

Answer 7

Yes, each characters.