css3字体边缘有光划过

在CSS3中，有一个非常有趣的特性就是能够给字体边缘添加光划效果，这种效果让文字看起来更加生动有趣。

text-shadow: 0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px orange,0 0 70px orange,0 0 80px orange,0 0 100px orange,0 0 150px orange;

使用这段CSS3代码，我们可以让字体周围的空白区域出现光晕，并且光晕颜色随着距离的增加而逐渐加深，这种效果可以让文字看起来更加立体。

font-size: 80px;
background: -webkit-linear-gradient(#eee,#333);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

这段代码则可以让文字本身变成渐变色，并且将背景色透过文字显示出来，同时文字颜色也变成了透明，这种效果可以让文字看起来更加柔和自然。

通过这两种方法，我们可以在CSS3中实现非常有趣的字体效果，让网页内容更加生动有趣。