您好,登錄后才能下訂單哦!
今天小編就為大家?guī)硪黄猚ss中使用text-shadow屬性實(shí)現(xiàn)字體長陰影效果的文章。小編覺得挺實(shí)用的,為此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。
首先我們來看一下實(shí)現(xiàn)效果,如下圖所示:
重要屬性:
text-shadow 屬性向文本設(shè)置陰影。
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屬性實(shí)現(xiàn)字體長陰影效果的詳細(xì)代碼了,代碼示例簡單明了,如果在日常工作遇到此問題。通過這篇文章,希望你能有所收獲,更多詳情敬請關(guān)注億速云行業(yè)資訊頻道!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。