夕阳的金辉把绿色的林海染成金黄一片。火红的太阳慢慢地西落了，归鸟们纷纷从我头上飞过，飞回到它们的小巢。一轮明月从东方静悄悄地升上来。夜空中美丽的星星，似乎在眨着眼睛对我说：夜，来了！
本文主要介绍了css3中less实现文字长阴影，分享给大家，具体如下：
问题
实现如下图效果
主要知识点
css中的字体阴影 text-shadowless
语法中的 loops 和 merge代码
<div class="long-shadow">屮艸芔茻</div>
.loop(@counter) when (@counter > 0) {
.loop((@counter - 1));
text-shadow+: (1px * @counter) (1px * @counter) #2d585a;
}
.long-shadow{
overflow: hidden;
background-color: #5f9ea0;
width:800px;
height: 160px;
line-height: 160px;
text-align: center;
letter-spacing: 80px;
color: #fff;
font-size: 100px;
.loop(200);
}
到此这篇关于css3中less实现 文字长阴影(long shadow)的文章就介绍到这了,更多相关less文字长阴影内容请搜索以前的文章或继续浏览下面的相关文章，希望大家以后多多支持！
![CSS高级技巧:阴影效果]("../images/origin_image.jpg)
![如何使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法]("mm1.jpg)
