多语言展示
当前在线:142今日阅读:152今日分享:13

CSS3怎样制作霓光立体字字体特效

随着CSS3的普及,一些字体特效再也不是PS专有的功能了,那么用代码编写字体特效呢?
工具/原料

记事本

方法/步骤
1

新建一个文本文档,将扩展名改为html。

2

右击新键的文本文档,选择打开方式,记事本。以记事本格式打开。

3

输入图片中的代码,建立一个html页面。

4

输入

霓光字

添加主体内容。

5

为内容文本添加样式。输入下列内容,,如图所示。

6

在花括号中继续输入text-shadow:1px 1px 5px red,-1px 1px 5px red,1px -1px 5px red,-1px -1px 5px red;添加阴影效果。

7

将color:#FFFFFF改为color:transparent观察效果。

8

在text-shadow:后继续输入0px 0px 9px #FFD8D5,再添加一个文本阴影,产生霓光特效。

9

继续输入15px 10px 50px #F35858,产生空间感。

10

完成。

推荐信息