css3中less实现文字长阴影(long shadow)
网站建设 2021-07-03 07:55www.dzhlxh.cn网站建设
本文主要介绍了css3中less实现文字长阴影，分享给大家，具体如下：
问题
实现如下图效果
主要知识点
css中的字体阴影
语法中的 和 代码
<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文字长阴影内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章，希望大家以后多多支持狼蚁SEO！
上一篇：css3 实现元素弧线运动的示例代码
下一篇：解决css中的匹配问题