在HTML中,字體是頁面排版中不可或缺的一部分。在進行網頁設計時,經常會用到字體的3D效果來增強頁面的視覺效果。今天,我們就來學習一些HTML字體3D代碼。
文字陰影加粗3D效果: <h1 style="text-shadow: 1px 1px black; font-weight: bold; font-size:50px; -webkit-text-stroke-width:1px; -webkit-text-stroke-color: white;">Hello World</h1> 該代碼會產生一個文字3D陰影的效果,同時加粗字體,并把文字邊緣部分加粗并變為白色。 彩虹字體3D效果: <h1 style="background-image: linear-gradient(to right, violet, indigo, blue, green, yellow, orange, red); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25)">Hello World</h1> 該代碼會產生一個文字3D彩虹漸變效果。 立體效果的文字: <h1 style="font-family: Impact, Charcoal, sans-serif; text-shadow: 1px 1px gray, 2px 2px gray, 3px 3px gray; color: white; background-color: black; font-size: 60px">Hello World</h1> 該代碼會使文字看上去立體的,同時背景為黑色。文字陰影呈現逐漸遞增的效果,看上去非常立體生動。
以上幾種HTML字體3D代碼可以為網頁設計帶來更多誘人的視覺效果。如果你愿意,不妨自己動手嘗試一下吧。
上一篇python+查看類名
下一篇html字體不修改代碼