0

I have this letterpress effect with my own font and it is perfectly working on Chrome and Safari.

.letterpress {
    text-align: center;
    font: 95px peskeu;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0px 2px 4px rgba(255,255,255,0.65);
}

I have recently seen that -moz-background-clip:text; does not work. Help will be very appreciated.

sczizzo
  • 3,196
  • 20
  • 28
David Casanellas
  • 815
  • 2
  • 11
  • 18

1 Answers1

0

Check out this question on stack overflow. The answer mentioned is good and explanatory Since webkit has its own support for this so its better to get a hack for this. Link below provides one. -moz-background-clip: *text* in Mozilla

Community
  • 1
  • 1
Shiv Kumar Ganesh
  • 3,799
  • 10
  • 46
  • 85