css3中less完成文本长黑影(long shadow)

日期:2021-02-27 类型:科技新闻 

关键词:免费自助建站,手机建站平台,wap建站,免费自助建站平台,H5网站,H5模板建站

本文关键详细介绍了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文本长黑影內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!

上一篇:详解HTML5 canvas制图基础应用方式 返回下一篇:没有了