Text-color 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-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

0 vote296 views2 answers
Is it possible to add xsl and css in same xml file
CSS
18 votes287 views8 answers
Vscode
CSS
35 votes311 views2 answers
Css code for margin
CSS
1 vote303 views1 answer
Felx-wrap css
CSS
0 vote282 views1 answer
Before width not working
CSS
50 votes284 views6 answers
Text align css
CSS
0 vote283 views1 answer
Remove position absolute attribute by adding css
CSS
62 votes306 views3 answers
Border radius shorthand
CSS
0 vote284 views1 answer
Ie11 image stretching
CSS
5 votes277 views1 answer
Less sass css
CSS