CSS3单边阴影box-shadow的设置box-shadow设置阴影效果
box-shadow: h-shadow,v-shadow,blur,spread,color,inset;
h-shadow：必需的。⽔平阴影的位置。允许负值
v-shadow：必需的。垂直阴影的位置。允许负值
blur：可选。模糊距离
spread：可选。阴影的⼤⼩
color：可选。阴影的颜⾊。
inset可选。默认外侧阴影，写⼊inset后默认内侧阴影。
box shadow怎么设置
设置左边阴影：
box-shadow：10px 0px 8px -8px darkgrey;
设置右边阴影
box-shadow：-6px 0px 5px -5px darkgrey;
设置上⽅阴影：
box-shadow：0px 6px 5px -5px darkgrey;
设置下⽅阴影：
box-shadow：0px -8px 5px -5px darkgrey;
思路：第三参数和第四参数相互抵消，可以让其他边框效果隐藏。
然后再移动单边的距离，⼤于其参数就可以设置单边效果。
以box-shadow：-6px 0px 5px -5px darkgrey举例
-6px的绝对值⼤于5px，则可以设置右边框.

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。