文字3D效果轻松做
吴斌
2001年 17期
在网上冲浪时,我们常常被一些网站的3D文字效果迷住,不过这些大多是用专业图形处理软件制作出来的图片,其实我们只需在HTML中加入CSS样式表也可以做出类似效果。
我来举个例子。我们预先编写一个样式表,代码如下:
其中参数①是代表字体边框的颜色,参数②控制字体边框的粗度,参数③代表字体阴影颜色,参数④与阴影方向有关,参数⑤控制文字群宽度。
接下来我们再编写一个标准的HTML文件,假设其源代码是这样的:
网页3D文字轻松做
电脑报的读者大家好!
|
在之间插入我们预先编写好的样式表,让①=FFFFFF,②=0,③=FFFFFF,④=135,⑤=100。在的字体属性里,即中,再加入字体样式class="3dfont" 。
好了,现在我们保存网页,并在浏览器中打开瞧瞧。在这个例子中,页面背景是黑色的,文字是暗红色的,字体边框是白色的,阴影也是白色的(^17040705a^)。怎么样,效果不比3D软件做出来的逊色多少吧?当然通过改变样式表参数①~⑤的值,我们还可以举一反三,做出其它效果的文字来(^17040705b^),有兴趣的朋友不妨试一试。