This following code will help the UI Developer who is working and needs a text gradient. The gradient on the text makes the website UI beautiful.
1. Top to Bottom
.text-gradient-top-bottom{ background: linear-gradient(to bottom, #F92665, #7E76FF) -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
LOVE TO CODE
2. Bottom to Top
.text-gradient-bottom-top{ background: linear-gradient(to top, #F92665, #7E76FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
LOVE TO CODE
3. Left to Right
.text-gradient-left-right{ background: linear-gradient(to right, #F92665, #7E76FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
LOVE TO CODE
4. Right to Left
.text-gradient-right-left{ background: linear-gradient(to left, #F92665, #7E76FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }