前端 3D 文字效果

橙光笔记 at 
前端3D文字效果的配图
今天来讨论一下前端的 3D 文字效果,如图:字体阴影看到这样的效果,首先想到的当然是 CSS 中的文字阴影来实现,首先给出 HTNL 代码:1CSS 3D 效果接下来就是添加样式了,大笔一挥如下:123456789body{ background: #c7f6f6;}.font-3d{ font-size: 50px; font-weight: bold; color: #ffebcd; text-shadow: 4px 4px 0 #158af7;}最关键的一个样式是 text-shadow,他的签名是这样的:text-shadow: h-shadow v-shadow blur ……