gradiente cor do texto

Imagem-fundo: -webkit de gradiente (linear, esquerda 0, direita 0, a partir de (RGB (4, 94, 170.)), a (RGB (1, 152, 216))..); 
    -Webkit-fundo-do clip: texto ; / * prefixo -webkit- suportam apenas o valor de texto necessário * / 
    -webkit-Fill-text-color: transparente; / * texto-color vai cobrir a cor da fonte cor definida pelo Fill: * /

 

Um pouco mais de três propriedades não podem ser gradiente de texto completo. renderings:

compatibilidade:

-Text-preenchimento de cor, o IE não é realmente compatível. UC não é compatível com o navegador do terminal móvel.

 -webkit-background-clip: text; 非正式属性,目前(2017-07-07)仅仅FF、Chrome、Safari支持,并且必须带前缀。

 Assim, se seu público-alvo é provável que use o navegador IE, então você precisa escrever um IE sob o código de navegação normal:

    <! - [if IE]> 
        <h2> IE才能看见我</ h2> 
        <img src = "imagens / texto-gradient.png" alt = ""> 
    <[endif] ->
Publicado 54 artigos originais · ganhou elogios 8 · vê 70000 +

Acho que você gosta

Origin blog.csdn.net/yang295242361/article/details/89204389
Recomendado
Clasificación