几款CSS给文字加阴影变3D效果演示_文本链接特效

特效Tag：3D 添加

通过这个小例子你是否觉得CSS处理文字效果方面功能比较强大呢？确实是这样的，用CSS可以给文字加阴影、加背景，让文字变色炫彩、变成3维的，这并不难，好好研究一下这几个示例，你也能做出来的。

<title>几款CSS给文字加阴影变3D效果演示</title>
<style type="text/css">

</style>
<div class="webfx-main-body">
<span class="sample"
style="width: 200px; height: 70; color: black; filter: Blur(Add=0, Direction=135, Strength=10);"
>WebFX</span><span class="sample"
style="position: relative; left: -201; top: -15; width: 200; color: #2984ff;">
WebFX</span>

<span class="sample"
style="width: 200px; height: 70; color: lightskyblue; filter: Alpha(Opacity=60) Blur(Add=0, Direction=135, Strength=20);"
>WebFX</span><span class="sample"
style="position: relative; left: -201; top: -15; width: 200; color: lightskyblue; filter: Alpha(Opacity=60);"
>WebFX</span>

<span class="sample"
style="width: 200px; height: 70; color: white;"
>WebFX</span><span class="sample"
style="width: 200px; height: 70; position: relative; left: -200; filter: mask(color=red) shadow(direction=135) chroma(color=red);"
>WebFX</span>

<span class="sample" style="width: 200px; height: 70; filter: mask(color=red) glow(color=black, strength=1) chroma(color=red);">WebFX</span>
</div>

所属频道：文本链接特效/更新时间：2012-11-21

[收藏][报错][返回列表]

几款CSS给文字加阴影变3D效果演示_文本链接特效

文本链接特效Rss订阅特效代码搜索

文本链接特效推荐

猜你也喜欢看这些