css3中l(wèi)ess如何實(shí)現(xiàn)文字長陰影
小編給大家分享一下css3中l(wèi)ess如何實(shí)現(xiàn)文字長陰影，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
創(chuàng)新互聯(lián)公司是一家專業(yè)提供東臺企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站設(shè)計(jì)、HTML5建站、小程序制作等業(yè)務(wù)。10年已為東臺眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進(jìn)行中。
問題
實(shí)現(xiàn)如下圖效果
.png)
主要知識點(diǎn)
css中的字體陰影 text-shadowless
語法中的 loops 和 merge代碼
屮艸芔茻
.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);
}以上是“css3中l(wèi)ess如何實(shí)現(xiàn)文字長陰影”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
分享文章：css3中l(wèi)ess如何實(shí)現(xiàn)文字長陰影
URL標(biāo)題：
http://weahome.cn/article/jecsop.html
重慶分公司
重慶分公司
