Text color as gradient css

Css gradient text

h1 {
  font-size: 72px;
  background: -webkit-linear-gradient(#eee, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Source: css-tricks.com

Text color as gradient css

.gradient-text {
    background-color: #f3ec78;
    background-image: linear-gradient(45deg, #f3ec78, #af4261);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-text-fill-color: transparent;
}

Source: fossheim.io

Gradient text color css

h4 {
background: linear-gradient(to right, #494964, #6f6f89);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;}

Text gradient css3

h1 {
  font-size: 72px;
  background-image: linear-gradient(
    110deg,
    #463f64,
    #463f64,
    #e2285c
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Similar codes

0 vote245 views1 answer
How to set box into another box using html and css
CSS
49 votes316 views5 answers
Css first
CSS
17 votes235 views4 answers
Get featured image post wordpress by post id
CSS
0 vote236 views1 answer
Css height animation
CSS
47 votes237 views6 answers
How to add a css file in html
CSS
0 vote264 views1 answer
Add shadowto container
CSS
26 votes230 views2 answers
Onhover mouse pointer css
CSS
0 vote207 views1 answer
How to give linear transprerancyon background image
CSS
3 votes244 views2 answers
How to decurate react router link css
CSS
0 vote230 views1 answer
Send element to center of div
CSS