Enea Xharja Logo

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}
© 2021 Enea Xharja