+ 5

how to make gradient in text in html?

27th Jul 2017, 6:48 PM
Yachika Sharma
Yachika Sharma - avatar
8 Answers
+ 2
unable to give more than 2 colors
27th Jul 2017, 8:02 PM
Yachika Sharma
Yachika Sharma - avatar
+ 2
it is taking only 2 colors at a time
27th Jul 2017, 8:10 PM
Yachika Sharma
Yachika Sharma - avatar
+ 1
Here's 2 types of gradient in CSS: https://code.sololearn.com/Ws8U1iGb5hdh/?ref=app
27th Jul 2017, 7:34 PM
Alex Sweetheart
Alex Sweetheart - avatar
+ 1
As instance: p{ font-size: 85px; background: -webkit-linear-gradient(#bbb, #789); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } Something like thisā˜ŗ
27th Jul 2017, 7:35 PM
Š’Š°Šæ
0
also go to http://nicewebtype.com and find there "pure css text gradient (no png's)"
27th Jul 2017, 7:38 PM
Š’Š°Šæ
- 1
@Alex I think he meant only text, no bg
27th Jul 2017, 7:44 PM
Š’Š°Šæ
- 1
yes infinity numbers
27th Jul 2017, 8:08 PM
Š’Š°Šæ
- 1
linear-gradient?! no, it takes anything amount of colors
27th Jul 2017, 8:13 PM
Š’Š°Šæ