关于css:CSS-单边阴影

语法

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

box-shadow 向框增加一个或多个暗影。该属性是由逗号分隔的暗影列表,每个暗影由 2-4 个长度值、可选的色彩值以及可选的 inset 关键词来规定。省略长度的值是 0。

box-shadow属性值– 单边暗影


.showdow-top{ box-shadow: 0px -10px 10px -10px #333;  }
.shadow-bottom{ box-shadow: 0px 10px 10px -10px #333;  }
.shadow-right{ box-shadow: 10px 0px 10px -10px #333;  }
.shadow-left{ box-shadow: -10px 0px 10px -10px #333;  }

box-shadow 配置阐明

形容
h-shadow 必须 程度暗影的地位 ,容许负值
v-shadow 必须 垂直暗影的地位。容许负值
blur 可选 暗影的尺寸
spread 可选 含糊间隔
color 可选 暗影的色彩。请参阅 CSS 色彩值
inset 可选 将内部暗影 (outset) 改为外部暗影

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理