盒子阴影
box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow: 10px 10px 10px 10px black;
- h-shadow //必需有。水平阴影的位置,可以为负值。
- v-shadow //必须有。垂直阴影的位置,可以为负值。
- blur //可选。模糊距离,即模糊程度。
- spread //可选。阴影的尺寸
- color //可选。阴影的颜色
- inset //可选。将外部阴影outset改为内部阴影,默认是外部阴影,outset不可写上去。
盒子阴影不占用盒子空间,不会对其它盒子造成挤压。
文字阴影
text-shadow: h-shadow v-shadow blur color;
text-shadow: 10px 10px 10px rgba(0,0,0,0.3);
- h-shadow //必需有。水平阴影的位置,可以为负值。
- v-shadow //必须有。垂直阴影的位置,可以为负值。
- blur //可选。模糊距离,即模糊程度。
- color //可选。阴影的颜色