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