CODEWITHSUNDEEP
csstextgradient
ExDirty
ExDirty

Reputation: 79

How to set text gradient

Hello i got problem with text gradient

 background: -webkit-linear-gradient(#0689b6, #10ace3, #0689b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

This code works fine except the IE and Moziila ... Any advice how fixed this ? Gratefull for any solution.

Upvotes: 1

Views: 1430

Answers (1)

Bilal Maqsood
Bilal Maqsood

Reputation: 1246

it will work on all browsers 

background: -webkit-linear-gradient(#0689b6, #10ace3, #0689b6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
        // for firefox
    background: -moz-linear-gradient(#0689b6, #10ace3, #0689b6);
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
          // for opera
    background: -o-linear-gradient(#0689b6, #10ace3, #0689b6);
    -o-background-clip: text;
    -o-text-fill-color: transparent;
        //for i.E
    background: -ms-linear-gradient(#0689b6, #10ace3, #0689b6);
    -ms-background-clip: text;
    -ms-text-fill-color: transparent;
           // for other
     background: linear-gradient(#0689b6, #10ace3, #0689b6);
     background-clip: text;
     text-fill-color: transparent;

Upvotes: 2

Related Questions