console打印特殊颜色字体

最新推荐文章于 2025-07-23 19:00:00 发布

原创最新推荐文章于 2025-07-23 19:00:00 发布 · 383 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用JavaScript和CSS在浏览器控制台中实现发光字体效果的方法。通过巧妙地利用背景图像渐变和-webkit-background-clip属性，使得输出的文字拥有从左到右渐变的发光效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

console.log("%c%c发光字体", "line-height:28px;", "line-height:28px;padding:4px 0px;color:#fff;font-size:12px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");
console.log("%c%c----发光字体", "line-height:28px;", "line-height:28px;margin-left:70px;padding:4px 0px;color:#fff;font-size:12px;background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#ff22ff),color-stop(1,#5500ff));color:transparent;-webkit-background-clip:text;");