[分享]css只做一边的阴影

CSS样式中的阴影效果一般可以通过box-shadow属性实现。

.box {
  box-shadow: 4px 4px 4px #999;
} 

上述代码会在.box元素的四周产生一个4像素的阴影，颜色为#999。

然而，有时我们需要只在元素的一侧增加阴影效果。这可以通过向box-shadow属性中添加inset关键字来实现。

.box {
  box-shadow: inset 4px 0px 4px #999;
} 

上述代码会在.box元素的左侧产生一个4像素的嵌入式阴影，颜色为#999。

如果希望在右侧增加阴影效果，只需要调整水平偏移量的正负值即可。

.box {
  box-shadow: inset -4px 0px 4px #999;
} 

上述代码会在.box元素的右侧产生一个4像素的嵌入式阴影，颜色为#999。

总之，只需要在box-shadow属性中添加inset关键字和适当的水平偏移量、垂直偏移量和模糊半径，就可以实现CSS样式中只做一侧的阴影效果。