html - 为什么 css 渐变不适用于颜色属性?

标签 html css

<分区>

我正在尝试使文本颜色渐变,但渐变对颜色属性不起作用,我想它不受支持?有没有其他方法可以制作渐变色文本?

最佳答案

你想要这样的东西吗?文本不支持渐变,但可以为文本使用一些文本阴影效果

.mygradient{
    color: red;             
    font-family: Geneva, serif;
    line-height: 1em;
    color: #fff9d6;
    font-weight:bold;
    font-size: 39px;
    text-shadow:0px 0px 0 rgb(231,231,231),1px 1px 0 rgb(216,216,216),2px 2px 0 rgb(202,202,202),3px 3px 0 rgb(187,187,187),4px 4px 0 rgb(173,173,173),5px 5px 0 rgb(158,158,158), 6px 6px 0 rgb(144,144,144),7px 7px 6px rgba(0,0,0,0.6),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);   

}

<h1 class="mygradient">Your Text Here</h1>

引用:http://www.3dcsstext.com/

关于html - 为什么 css 渐变不适用于颜色属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20070967/

上一篇:javascript - 通过 div 显示数据并使用显示和隐藏功能

下一篇:css - 如何通过关注文本框类 CSS3 来设置搜索框长度的动画?

相关文章:

javascript - W3Schools 示例不起作用?

javascript - 样式不适用于注入(inject) iframe 的 Angular 组件

javascript - 不要让广告出现在彼此附近 jquery

javascript - @HostBinding 从子组件 Angular 4 禁用类

php - AJAX提交表单无刷新,无法正常工作

javascript - 输入文本框验证在 Vue js 中不起作用

html - 图像 map 未正确调整大小

javascript - 在输入中选择文本时触发鼠标向上事件,导致模式窗口隐藏

css - 是否有 CSS 父级选择器?

javascript - 脚本给出未定义的错误