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

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

Mary-Kate Olsen
Mary-Kate Olsen原創
2025-01-10 14:28:41364瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn