首頁 > web前端 > js教程 > 圖像中的文字動畫效果程式碼

圖像中的文字動畫效果程式碼

Mary-Kate Olsen
發布: 2025-01-10 14:28:41
原創
267 人瀏覽過

Image in the Text animation effect code



    
    
    <title>文字內圖像效果</title>

    
         @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');


         身體{
            保證金:0;
            顯示:柔性;
            調整內容:居中;
            對齊項目:居中;
            高度:100vh;
            背景:線性漸變(135deg,#0f0c29,#302b63,#24243e);
            溢出:隱藏;
            /* 背景: url('./jerry.png') ; */
         }

         .文字容器{
            顯示:柔性;

         }

         。信{
            字體系列:“蒙特塞拉特”,無襯線字體;
            字體大小:9rem;
            字體粗細:加粗;
            顏色:透明;
        背景:url('./jerry.png') 不重複center center;
    背景大小:封面;
    --webkit-background-clip:文本;
    背景剪輯:文字;
行高:1; }











    風格>
頭>

    <div>




          </div>

            
        
登入後複製

以上是圖像中的文字動畫效果程式碼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板