html的3D效果

3D效果的展现离不开阴影的设置

text-shadow:

文字的阴影 abcd
a 第一个值 代表水平方向 阴影离文字的距离 正值向右 负值向左
b 第二个值 代表垂直方向 阴影离文字的距离 正值向下 负值向上
c 第三个值 代表的是文字的模糊程度 值越小 越清晰 值越大 越模糊
d 第四个值 rgba(0-255,0-255,0-255，0.0-1.0)代表文字的阴影颜色 a代表的是文字阴影的透明度 值越小 透明 值越大 越清晰。
0px -1px 0px rgb(180,180,180) 此时的光源在上方

给你们展示个3D效果

注意此时用到了类

<style  type="text/css">
  p{
   
    font-size:50px;
	font-weight:bold;
	font-family:微软雅黑;