【发布时间】:2019-08-07 21:43:22
【问题描述】:
目前我正在做一个小项目,想知道如何使用 JavaScript 为文本添加渐变,就像在 CSS 中一样。
【问题讨论】:
-
您是否已经尝试过自己解决问题?
标签: javascript web linear-gradients radial-gradients gradient
目前我正在做一个小项目,想知道如何使用 JavaScript 为文本添加渐变,就像在 CSS 中一样。
【问题讨论】:
标签: javascript web linear-gradients radial-gradients gradient
使用 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';
【讨论】: