apply gradient like effect on character css

0 votes
asked Mar 11 by anonymous

I am trying to achieve gradient like effect on character

gradient effect on character

Can i do this using html css

1 Answer

0 votes
answered Mar 11 by anonymous

There is linear-gradient and webkit-background-clip property that can be used to achieve this in web-kit

h1 {
  display: inline-block;
  font-family: helvetica, arial, sans-serif;
  font-weight: bold;
  font-size: 300px;
  background: linear-gradient(to right, #7db9e8 50%,#1e5799 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;