线性渐变文本在Safari中不起作用

时间:2020-10-27 17:34:26

标签: html css google-chrome safari webkit

为我的文本标题制作了线性渐变,它们都可以在Chrome浏览器中完美运行,但它们不会在Safari中显示。 (它似乎仍在Safari中,但只是透明的)。不太清楚是什么问题。我引用了无数其他帖子,但没有一个对我有用。由于某种原因,如果线性渐变不起作用,它甚至不依赖于我的后备颜色。最好的解决方案是使线性渐变文本出现在Safari中,但设置后备颜色也可以。

任何帮助将不胜感激。谢谢!

h2{
    font-family: 'Inter' , 'Open Sans', Times, sans-serif;
    font-weight: 600;
    font-size:2.5em;
    margin-top: 16px;
    line-height: 180%;
    white-space: nowrap;
  
    background: #1c92d2;
    background: -webkit-linear-gradient(to right, 1c92d2, #fbf8e9);
    background: linear-gradient(to right, #1c92d2, #fbf8e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    }
<h2>About Me</h2>

Example Image

0 个答案:

没有答案
相关问题