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 vote229 views1 answer
Css display offscreen
CSS
53 votes217 views6 answers
How to underline text in css
CSS
18 votes222 views2 answers
Rgba blue colo
CSS
11 votes202 views3 answers
Round button css
CSS
2 votes240 views2 answers
Why is my css not working
CSS
2 votes206 views1 answer
Multiple nth child css
CSS
0 vote222 views1 answer
Difference between private key and private key ssh
CSS
0 vote297 views1 answer
Apply css on last child in parent div
CSS
4 votes236 views1 answer
Max css
CSS
20 votes228 views6 answers
Gradient background image
CSS