首先,看看实现效果吧。 如下图所示。
重要属性:
text-shadow属性会给文本添加阴影。
(视频教程推荐: css视频教程)
HTML代码:
GouganCSS代码:loop(@counter ) when ) @counter0)
. loop(@counter-1 );
文本- shadow : (1px*@counter ) 1px * @ counter ) #2d585a;
}
. long-shadow{
Overflow :隐藏;
背景色: # 5f9ea 0;
width:800px;
height: 160px;
line-height: 160px;
文本对齐3360中心;
letter-spacing: 80px;
color: #fff;
font-size: 100px;
. loop(200;
}
推荐教程: CSS入门基础教程