• <acronym id="nbynk"><label id="nbynk"></label></acronym>
      <pre id="nbynk"><label id="nbynk"></label></pre>

        <td id="nbynk"><option id="nbynk"></option></td><track id="nbynk"><strike id="nbynk"><tt id="nbynk"></tt></strike></track>

        <acronym id="nbynk"><label id="nbynk"></label></acronym>
        <p id="nbynk"></p>

      1. 一站式百度SEO排名優化!-找老劉SEO 低投入,高轉化,精益求精、一絲不茍:旨在提供更好的SEO服務!

        首頁>>網站建設

        用CSS做一個很酷流光溢彩的文字特效

        首頁 2022-04-09 網站建設 178 ℃ Tags:


        網上看到一個大佬的文字特效很酷,直接轉載下來:

        動畫.gif


        實現代碼

        <!DOCTYPE html>

        <html>

        <head>

            <meta charset="UTF-8">

            <title>這個文字特效很酷啊</title>

            <style>

                body{ background: #222;}

                *{margin: 0;padding: 0;}

                ._borderWrap{

                    width: 580px;

                    height: 150px;

                    position: absolute;

                    left: 23%;

                    top: 25%;

                }

                ._border{

                    line-height: 145px;

                    text-align: center;

                    font-size: 40px;

                    font-weight: bolder;

                    -webkit-text-fill-color: transparent;

                    background-image:  -webkit-linear-gradient(left,#129835,#ece648 25%,#129835 50%,#F9E92B 75%,rgb(40, 150, 38));

                    background-size: 200%,100%;

                    -webkit-background-clip: text;

                    -webkit-animation: word 0.5s linear infinite ;

                }

                @keyframes word {

                    0%{background-position: 0 0}

                    100%{background-position: -100% 0}

                }

            </style>

        </head>

        <body>

                <div>

                    <div>這個文字特效很酷啊</div>

                </div>

        </body>

        </html>

        將上面的代碼復制,然后保存在記事本中,將擴展名修改為.html,使用瀏覽器打開即可看到CSS制作的流光溢彩的文字效果咯。

        搜索
        分類
        熱門標簽
      2. 首頁
      3. 電話
      4. QQ
      5. ?
        聯系老劉手機
        135-2401-7402
        聯系老劉微信
        掃描微信二維碼
        free性欧美hd另类精品,国产精品综合一区二区三区,97在线热免费视频精品视频,国产啪精品视频网站