现在抖音这么火，那么你知道如何用CSS实现抖音字体？-技术圈

现在抖音这么火，那么你知道如何用CSS实现抖音字体？

共 805字，需浏览 2分钟

2021-07-21 20:20

比如这种抖音字体是不是感觉很酷，它是如何实现的呢，下面孙叫兽就简单分享一下CSS的实现方法，记得点赞收藏。

老司机给大家的一些小建议，一定要敲代码敲代码敲代码（重要的事情说三遍），程序员是实战家，不是思想家和理论家，程序员都是工兵，这个排雷的经验很重要。

实现这个功能需要你需要一点HTML及CSS的一些基础，知道基本的标签，CSS渐变的属性即可，当然不知道也没啥关系，直接复制下面的代码改改文字也是可以实现的，不要有啥压力，废话不多说，上代码。

<!DOCTYPE html><html lang="en">
<head><meta charset="UTF-8"><title>抖音风格字体</title><style>body {background-color: gray;padding: 100px;        }
h1 {font-size: 48px;color: #ffffff;text-shadow: #f03740 -1px -3px, #2addfd 3px 0px;        }</style></head>
<body><h1>孙叫兽</h1></body>
</html>

这个使用编译器

VScode,webstorm,sublimetext3等编译器编译运行到浏览器都可以查看效果。

是不是很简单呢，本期内容就分享到这里，我们下期见！有兴趣的小伙伴可以运行一下，特别棒！