这些文字是怎么做出来的?

来源:百度知道 编辑:UC知道 时间:2024/05/06 20:15:36

这是CSS特效,下面代码存成网页看看:

<head>
<style type="text/css">
<!--
.sample {
font-style: italic; font-family: arial black;font-size: 40px; font-weight: bold; cursor: hand;
}
-->
</style>
<title>Css不朽的经典—3D文字特效</title>
</head>

<div>
<h2>3D Text</h2>
<p>以下是一个用了blur滤镜而另一个没用的叠加效果</p>
<p onClick="alert(this.innerHTML)"> <span class="sample"
style="width: 200px; height: 70; color: black; filter: Blur(Add=0, Direction=135, Strength=10);"
>Ttop.cn</span><span class="sample"
style="position: relative; left: -201; top: -15; width: 200; color: #2984ff;">
Ttop.cn</span> </p>
<h2>Glass Text</h2>
<p>这个是两个都用了alpha滤镜的效果</p>
<p onClick="alert(this.innerHTML)"> <span class="