分割文字效果
Split text effect
我试图模仿文本拆分的这种外观，我找到了它的 codepen.io 但它使用 SCSS 我正在寻找它只是 CSS如果可能的话。如果有人能帮我翻译代码或使之成为 CSS，那就太好了。我在这里先向您的帮助表示感谢。
虽然我不会为您写出所有代码，但我会建议一种方法：
我建议你制作两个 div 框，一个用于填充或实心文本，一个用于轮廓文本。
然后您设置 color、font-family（Google Fonts 是一个很好的资源）、font-size 和 font-weight，以满足您的需求第一个 div.
在第二个 div 上再次将 font-family、font-size 和 font-weight 设置为相同的值，除了将颜色设置为 transparent and add a colored border to the text。这将模拟 codepen 中的那种概述效果。
哦，要使两个 div 出现在同一行上，请看这个 answer。
虽然这不会在两个文本之间自动拆分文本，但这是一种获得与您想要的效果相似的效果的简单方法。
我试图模仿文本拆分的这种外观，我找到了它的 codepen.io 但它使用 SCSS 我正在寻找它只是 CSS如果可能的话。如果有人能帮我翻译代码或使之成为 CSS，那就太好了。我在这里先向您的帮助表示感谢。
虽然我不会为您写出所有代码，但我会建议一种方法：
我建议你制作两个 div 框，一个用于填充或实心文本，一个用于轮廓文本。
然后您设置 color、font-family（Google Fonts 是一个很好的资源）、font-size 和 font-weight，以满足您的需求第一个 div.
在第二个 div 上再次将 font-family、font-size 和 font-weight 设置为相同的值，除了将颜色设置为 transparent and add a colored border to the text。这将模拟 codepen 中的那种概述效果。
哦，要使两个 div 出现在同一行上，请看这个 answer。
虽然这不会在两个文本之间自动拆分文本，但这是一种获得与您想要的效果相似的效果的简单方法。