Gradient Text Html

by
gradient text html
h1 {
font-size: 72px;
background: -webkit-linear-gradient(#eee, #333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
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
text-color gradient css
h1 {
font-size: 72px;
background: -webkit-linear-gradient(#f3ec78, #af4261);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
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;
}
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

Leave a Comment