简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
如何实现字体颜色渐变？
橱窗的光
橱窗的光 2017-03-27 09:16:40
0
2
2821

实现如下图的效果：

1.jpg

橱窗的光
橱窗的光

répondre à tous (2)
数据分析师
数据分析师2017-10-01 01:07:25 2 plancher

Comment obtenir un dégradé de couleurs de police ? - Questions et réponses sur le site Web chinois PHP - Comment obtenir un dégradé de couleurs de police ? - Questions et réponses sur le site Web chinois PHP

Veuillez regarder et apprendre.

Comme+0
Ajouter une réponse
    迷茫
    迷茫2017-03-27 09:17:15 1 plancher

    方法一：

    直接用photoshop cc画出来，图层单击右键可复制SVG或者CSS样式。

    方法二：

    思路：先设置背景色渐变——规定背景的划分区域——保险一点再设置（text-fill- color会覆盖color所定义的字体颜色）

    /* 这个文字效果只在webkit内核的浏览器上才能正常工作。Firefox 浏览器不支持在文字上使用background-clip属性 */h1.start-gradient { font-weight: bold; font-family: helvetica; text-align:center; background: -webkit-linear-gradient(left, #4f185d , #fe5d4b); /* 背景色渐变 */ -webkit-background-clip: text; /* 规定背景的划分区域 */ -webkit-text-fill-color: transparent; /* 防止字体颜色覆盖 */} 
    快速开始


    Comme+0
    Ajouter une réponse
      Sujets populaires
      Plus>
      Articles populaires
      Tutoriels populaires
      Plus>
      Tutoriels associés
      Recommandations populaires
      Derniers cours
      Derniers téléchargements
      Plus>
      effets Web
      Code source du site Web
      Matériel du site Web
      Modèle frontal
      À propos de nous Clause de non-responsabilité Sitemap
      Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！