.view2{ box-shadow: 0px 0px 50px 10px #DDDDDD; }
语法:box-shadow: h-shadow v-shadow blur spread color inset;
前四个按照位置来决定值各自代表的含义。后两个就可以直接写,因为太过明显,浏览器可以识别。h-shadow
:必需。水平阴影的位置。允许负值。v-shadow
:必需。垂直阴影的位置。允许负值。blur
:可选。模糊距离。spread
:可选。阴影的尺寸。color
:可选。阴影的颜色。inset
:可选。将外部阴影 (outset
) 改为内部阴影。默认的是外部阴影。所以如果是outset
那么就可以直接省略。如果是内阴影再写上inset
.
第二种写法:
box-shadow:0px 8px 32px rgba(0,0,0,.1)