css
主页 > 网页 > css >

css3中less实现文字长阴影(long shadow)的代码

2020-04-25 | 秩名 | 点击:

问题

实现如下图效果

主要知识点

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);
 }
 

原文链接:https://www.jb51.net/css/721950.html
相关文章
最新更新