1.前言
很久很久，没有更新了，这一期分享一个用css巧妙的实现方式
最终效果就是这样
2.text-shadow
核心就是 CSS 中的 text-shadow 这个属性，也称为文字阴影，由x、y偏移量、模糊半径和颜色构成值构成。多个阴影效果的时候用逗号隔开即可。
看一段 text-shadow 的示例：
/* offset-x | offset-y | blur-radius | color */
text-shadow: 1px 1px 2px black;
/* color | offset-x | offset-y | blur-radius */
text-shadow: #fc0 1px 0 10px;
/* offset-x | offset-y | color */
text-shadow: 5px 5px #558abb;
/* color | offset-x | offset-y */
text-shadow: white 2px 5px;
/* offset-x | offset-y
/* Use defaults for color and blur-radius */
text-shadow: 5px 10px;
然后我们的样式代码如下：
#app {
display: flex;
justify-content: center;
align-items: center;
font-size: 10em;
font-family: Helvetica, Geneva, sans-serif;
text-shadow: -0.045em 0 red, 0.045em 0 cyan;
letter-spacing: 0.08em;
}
最终展示效果，如下：
3.总结
其实就是设置 x 轴方向的偏移量，达到这种效果，如果说非要搞得很像，那或许颜色也是其中的关键之一。好了，这次分享就到这里结束了，感谢您的收看！
