今天小編就為大家帶來一篇css中使用text-shadow屬性實現字體長陰影效果的文章。小編覺得挺實用的，為此分享給大家做個參考。一起跟隨小編過來看看吧。
首先我們來看一下實現效果，如下圖所示：
重要屬性：
text-shadow 屬性向文本設置陰影。
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中使用text-shadow屬性實現字體長陰影效果的詳細代碼了，代碼示例簡單明了，如果在日常工作遇到此問題。通過這篇文章，希望你能有所收獲，更多詳情敬請關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
