【问题标题】:How to add gradients to text using JavaScript [closed]如何使用 JavaScript 向文本添加渐变 [关闭]
【发布时间】:2019-08-07 21:43:22
【问题描述】:

目前我正在做一个小项目,想知道如何使用 JavaScript 为文本添加渐变,就像在 CSS 中一样。

【问题讨论】:

标签: javascript web linear-gradients radial-gradients gradient


【解决方案1】:

使用 JS 给文本添加渐变效果和使用 CSS 添加渐变效果一样

根据CSS Tricks 上写的 CSS,可以使用此代码在 JS 中添加

const h1 = document.getElementsByTagName('h1')[0];
h1.style.background = 'linear-gradient(#eee, red)';
h1.style.webkitBackgroundClip = 'text';  
h1.style.webkitTextFillColor = 'transparent';

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-09-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-07-18
    • 1970-01-01
    • 2012-12-29
    相关资源
    最近更新 更多