教你使用css3给字体添加立体效果（附代码）

之前的文章《手把手教你怎么使用html+css实现轮播图效果（代码分享）》中，给大家介绍了怎么使用html+css实现轮播图效果。下面本篇文章给大家介绍怎么使用css3给字体添加立体效果，我们一起看看怎么做。

字体添加立体效果图如下

1、新建一个html文件，首先写div标签输入写contenteditable属性规定是否允许用户编辑内容，可以支持IE，不用再为兼容问题。

html代码示例

<div contenteditable="true" class="text eff">字体特效</div>

2、通过给css全局的设置，写使用head标签之间加入