CODEWITHSUNDEEP
htmlcssgoogle-chromefirefox
james
james

Reputation: 4049

CSS text background-clip very different on Firefox than on Chrome

Chrome: the desired effect enter image description here

Firefox: what is happening enter image description here

Code:

  background-color: Red;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;

Thoughts??

Upvotes: 4

Views: 3755

Answers (1)

Matt Greenberg
Matt Greenberg

Reputation: 2330

Even though -moz-background-clip is supported in firefox. The 'text' value is not supported. You are going to have to go with another solution for non webkit browsers.

Example: http://nimbupani.com/using-background-clip-for-text-with-css-fallback.html

Upvotes: 2

Related Questions