Text gradient css3

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 gradient css3

h1 {
  font-size: 72px;
  background-image: linear-gradient(
    110deg,
    #463f64,
    #463f64,
    #e2285c
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

Gradient text

selector h2 {
    background-image: linear-gradient(to right,#463f64,#463f64, #e2285c, #e2285c);
    -webkit-background-clip: text;
    display: inline-block;
    padding: 14px;
    -webkit-text-fill-color: #00000000;
    font-family: 'Stay Out Regular';
}

Source: wpbuilt.co

Similar codes

0 vote251 views1 answer
3d rotating text css
CSS
0 vote195 views1 answer
Css last 3 childs
CSS
0 vote194 views1 answer
Ul text decoration css
CSS
0 vote197 views1 answer
Css static header on scroll
CSS
19 votes182 views1 answer
Set pleasholders color css
CSS
93 votes212 views6 answers
Css center image in div
CSS
39 votes255 views2 answers
Font size x large in css
CSS
0 vote194 views1 answer
Nhandled Rejection (TypeError): Cannot read property
CSS
0 vote211 views1 answer
How to make text transparent with stroke in css
CSS
101 votes198 views4 answers
Css top padding
CSS