ye土土
文章15
标签26
分类6

来看看各种html特效字体

彩虹字体特效

效果

看那看那我有彩色的字怎么样漂亮吗哈哈哈.文字,更多文字,再多点,字再长一点,更长一点,再多一点你就能看到彩虹了哈哈哈

代码
<span style="background: linear-gradient(to right, red, green, blue, purple, orange);
-webkit-background-clip: text;
color: transparent;">要插入的文本</span>

影子字体特效

效果

哇呜,好漂亮的影子啊,真漂亮啊真漂亮,真漂亮啊真漂亮,凑点字数滑稽

代码
<p style="text-align:center;color:000;text-shadow:1px 3px 6px #252525">要插入的文本</p>

看不见字体特效

效果

你看不见我呢,嘿嘿~~

代码
<p style="background-image: -webkit-linear-gradient(bottom, #000000, #fffcfc); background-clip: text; -webkit-text-fill-color: transparent; font-family: 隶书; font-size: 50px; font-style: italic; text-align: center;">要插入的文本</p>

透明字体特效

效果

感觉怎么样,是不是够隐蔽,滑稽~~

代码
<span style="background: rgba(0, 0, 0, 0) linear-gradient(to right, red, green, blue, purple, orange) repeat scroll 0% 0% padding-box text; color: transparent;">要插入的文本</span>

不同大小字体特效

效果

代码
<font color="#C52036" size="2">要</font><font color="#FDD05B" size="2">插</font><font color="#273899" size="6">入</font><font color="#377B3A" size="6">的</font><font color="#6335F4" size="1">文</font><font color="#DED2C7" size="5">本</font>

发光字体特效

效果
我发光,我漂亮,真啊真啊真漂亮~~
代码
<div style='color:#FFFFFF;text-shadow:#00FFCC 0px 1px 3px,#00FFCC 1px 0px 3px,#00FFCC 0px -1px 3px,#00FFCC -1px 0px 3px;filter:glow(color=#00FFCC,strength=3)'>要插入的文本</div>

结束

怎么样,很炫酷吧,啊呜