css 阴影效果 （图片 边框 文字）

      盒子阴影和文字阴影可以理解为，在目标盒子下方，有另外一个盒子，两个盒子的位置和大小是一样的，所以平时是看不见的, box-shadow就是用来控制下面盒子的位置，大小和颜色的。

文字阴影 

给文字标签设置 text-shadow 属性。

（ text-shadow: 5px 8px 3px #d2e9d2;）

图片 盒子边框 阴影

 和文字阴影类似，给目标盒子设置 box-shadow 属性

（ box-shadow: 5px 8px 5px 5px #999999;）

 

 语法：

text-shadow: h-shadow v-shadow blur color;

 注释：text-shadow 属性向文本添加一个或多个阴影。该属性是逗号分隔的阴影列表，每个阴影有两个或三个长度值和一个可选的颜色值进行规定。省略的长度是 0。

h-shadow	必需。水平阴影的位置。允许负值。
v-shadow	必需。垂直阴影的位置。允许负值。
blur	可选。模糊的距离。
color	可选。阴影的颜色。参阅 CSS 颜色值。

 能帮到您是我的荣幸！🤔