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;}

Adding gradient to text color

h1 {
  background: linear-gradient(
	270.97deg,
	#FFE580 -21.36%,
	#FF7571 -2.45%,
	#EA5DAD 26.84%,
	#C2A0FD 64.15%,
	#3BF0E4 108.29%,
	#B2F4B6 159.03% );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Source: githubuniverse.com

Text-color gradient css

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

Css gradient text

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

Source: css-tricks.com

Similar codes

-1 vote121 views1 answer
Move up on hover css
CSS
0 vote116 views1 answer
Css static header on scroll
CSS
0 vote102 views1 answer
Free hrml css curs
CSS
222 votes257 views6 answers
Bootstrap CSS CDN
CSS
0 vote120 views2 answers
Sass variables across files
CSS
4 votes119 views2 answers
How to get all values from object in javascript
CSS
0 vote113 views1 answer
Text size to fit button
CSS
55 votes118 views4 answers
Hover effects css
CSS
18 votes76 views2 answers
Hover transition css
CSS
45 votes116 views6 answers
Css text align center
CSS