彩虹字体特效
效果
看那看那我有彩色的字怎么样漂亮吗哈哈哈.文字,更多文字,再多点,字再长一点,更长一点,再多一点你就能看到彩虹了哈哈哈
代码
1 2 3
| <span style="background: linear-gradient(to right, red, green, blue, purple, orange); -webkit-background-clip: text; color: transparent;">要插入的文本</span>
|
影子字体特效
效果
哇呜,好漂亮的影子啊,真漂亮啊真漂亮,真漂亮啊真漂亮,凑点字数滑稽
代码
1
| <p style="text-align:center;color:000;text-shadow:1px 3px 6px #252525">要插入的文本</p>
|
看不见字体特效
效果
你看不见我呢,嘿嘿~~
##### 代码
1
| <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>
|
透明字体特效
效果
感觉怎么样,是不是够隐蔽,滑稽~~
代码
1
| <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>
|
不同大小字体特效
效果
这很漂亮,对吧,嘿嘿
代码
1
| <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>
|
发光字体特效
效果
我发光,我漂亮,真啊真啊真漂亮~~
代码
1
| <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>
|