如何设置文本渐变

Question

您好我的文字渐变问题

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

这个代码工作正常，除了IE和Moziila ...有什么建议如何修复这个？感谢任何解决方案。

Answer 1

它适用于所有浏览器

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;