box-shadow和text-shadow的比较

Posted 2023-02-03 「已注销」

一、box-shadow

box-shadow: h-shadow v-shadow blur spread color inset;

box-shadow: apx bpx cpx rgba(0, 0, 0, 0.5);

h-shadow: 必需。水平阴影的位置。允许负值。如果是正的，则阴影在box的右侧，反之在左
v-shadow: 必需。垂直阴影的位置。允许负值。同上，正下侧，负上侧
blur:     可选。模糊距离。模糊半径，越大在边缘越模糊，只能为证书，或者设0，设0则不具有效果
spread:   可选。阴影的尺寸。可选正负，正则表示投影面积越来越大，负则越来越小
color:    可选。阴影的颜色。(rgba: rgb颜色值及不透明度) 建议不要忽略
inset:    可选。将外部阴影 (outset) 改为内部阴影。可不设，默认是外阴影

二、text-shadow

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

同上