css3中less如何實現文字長陰影

小編給大家分享一下css3中less如何實現文字長陰影，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創新互聯公司是一家專業提供東臺企業網站建設,專注與成都網站制作、成都網站設計、HTML5建站、小程序制作等業務。10年已為東臺眾多企業、政府機構等服務。創新互聯專業的建站公司優惠進行中。

問題

實現如下圖效果

主要知識點

css中的字體陰影 text-shadowless

語法中的 loops 和 merge代碼

<div class="long-shadow">屮艸芔茻</div>

 .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中less如何實現文字長陰影”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道！

當前題目：css3中less如何實現文字長陰影
本文地址：http://m.kartarina.com/article8/jecsop.html

成都網站建設公司_創新互聯，為您提供ChatGPT、網站營銷、建站公司、云服務器、手機網站建設、網站設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯