拆分文字效果

Question

我试图模仿文本拆分的这种外观，我找到了它的codepen.io，但它使用SCSS，我正在寻找它只有可能的CSS。如果有人可以帮助我翻译代码或使其成为CSS，那就太棒了。我在这里先向您的帮助表示感谢。

Answer 1

虽然我不会为您写出所有代码，但我会建议一种方法：

我建议您制作两个div框，一个用于填充或纯文本，另一个用于粗略文本。

然后设置color，font-family（Google Fonts是一个很好的资源），font-size和font-weight，以满足您对第一个的需求格。

在第二个div上再次将font-family，font-size和font-weight设置为相同的值，但将颜色设置为transparent并添加彩色{{3 }}。这将模拟codepen中的轮廓效果。

哦，要让两个div显示在同一行，请查看此border to the text。

虽然这不会自动在两个文本之间拆分文本，但这是一种获得类似效果的简单方法。