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 vote307 views1 answer
Unhover animation
CSS
0 vote318 views1 answer
Align items in span to center
CSS
56 votes321 views6 answers
How to center divs in css
CSS
0 vote317 views2 answers
Hoq to give paragraph color css
CSS
0 vote346 views1 answer
Music-metadata-browser Buffer is not defined
CSS
72 votes318 views6 answers
Css font size
CSS
15 votes341 views3 answers
Loops scss
CSS
15 votes330 views4 answers
Sass
CSS
19 votes276 views2 answers
Add font to react
CSS
29 votes381 views6 answers
BackgroundImage react
CSS