900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > css文本阴影变大 css如何实现字体长阴影效果

css文本阴影变大 css如何实现字体长阴影效果

时间:2024-05-23 23:23:24

相关推荐

css文本阴影变大 css如何实现字体长阴影效果

首先我们来看一下实现效果,如下图所示:

重要属性:

text-shadow 属性向文本设置阴影。

(视频教程推荐:css视频教程)

HTML代码:

屮艸芔茻

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入门基础教程

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。