Text Gradient

html

1<p>Text <span>gradient</span> is amazing!</p>

css

1span {
2  font-size: 40px;
3
4  /* Gradient effect */
5  background-color: #3ddc84;
6  background: linear-gradient(45deg, #3ddc84, #4285f4);
7  background-size: 100%;
8  background-repeat: repeat;
9  background-clip: text;
10  -webkit-background-clip: text;
11  -webkit-text-fill-color: transparent;
12  -webkit-box-decoration-break: clone;
13}