css怎样实现字体长暗影结果
发布时间:09/01 来源:未知 浏览:
关键词:
第一我们来看一下实现结果,如下图所示:
重要属性:
text-shadow 属性向文本设定暗影。
(视频教程引荐:css视频教程)
HTML代码:
<div class="long-shadow">屮艸芔茻</div>
CSS代码:
.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); }
引荐教程:CSS入门根基教程
以上就是css怎样实现字体长暗影结果的具体内容,更多请关注百分百源码网其它相关文章!