如何实现字体颜色渐变?
橱窗的光
橱窗的光 2017-03-27 09:16:40
0
2
2821

实现如下图的效果:

1.jpg

橱窗的光
橱窗的光

répondre à tous (2)
数据分析师

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.

    迷茫

    方法一:

    直接用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; /* 防止字体颜色覆盖 */} 

    快速开始


      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!