一、box-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
v-shadow: 必需。垂直阴影的位置。允许负值。同上,正下侧,负上侧
blur: 可选。模糊距离。模糊半径,越大在边缘越模糊,只能为证书,或者设0,设0则不具有效果
spread: 可选。阴影的尺寸。可选正负,正则表示投影面积越来越大,负则越来越小
color: 可选。阴影的颜色。(rgba: rgb颜色值及不透明度) 建议不要忽略
inset: 可选。将外部阴影 (outset) 改为内部阴影。可不设,默认是外阴影
二、text-shadow
box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow: apx bpx cpx rgba(0, 0, 0, 0.5);
v-shadow: 必需。垂直阴影的位置。允许负值。同上,正下侧,负上侧
blur: 可选。模糊距离。模糊半径,越大在边缘越模糊,只能为证书,或者设0,设0则不具有效果
spread: 可选。阴影的尺寸。可选正负,正则表示投影面积越来越大,负则越来越小
color: 可选。阴影的颜色。(rgba: rgb颜色值及不透明度) 建议不要忽略
inset: 可选。将外部阴影 (outset) 改为内部阴影。可不设,默认是外阴影
二、text-shadow
text-shadow: h-shadow v-shadow blur color;
同上
本文详细介绍了CSS中的box-shadow和text-shadow属性用法。包括水平阴影位置、垂直阴影位置、模糊距离、阴影尺寸、颜色设置及内外阴影切换等内容。
2532

被折叠的 条评论
为什么被折叠?



