[分享]css3左边内嵌阴影

CSS3左边内嵌阴影是CSS3中常用的一个特效，可以为网页增添立体感，同时使得网页看起来更加美观和现代化。

.box{
    width: 300px;
    height: 200px;
    background-color: #fff;
    box-shadow: -5px 0 5px -5px #888;
} 

通过上述代码，我们可以实现一个左边内嵌阴影的效果。其中，box-shadow属性用于设置阴影效果，它接受四个参数：

1. 阴影水平偏移量：第一个参数为负数表示阴影在元素的左侧，正数表示阴影在元素的右侧。

2. 阴影垂直偏移量：第二个参数为正数表示阴影在元素的下方，负数表示阴影在元素的上方。

3. 阴影模糊半径：第三个参数为正数表示阴影模糊的半径大小，0表示不模糊。

4. 阴影扩展半径：第四个参数为负数表示阴影收缩并向内部延伸，正数表示阴影扩展并向外部延伸。

5. 阴影颜色：第五个参数为阴影的颜色，可以是颜色名称、RGB值、十六进制值或者rgba数值。

需要注意的是，box-shadow属性的前两个参数不能同时为0，否则阴影不会出现。在实现左边内嵌阴影时，需要将阴影水平偏移量设置为负数，同时将阴影扩展半径设置为负数，这样才可以实现内嵌的效果。

综上所述，CSS3左边内嵌阴影是一种简单而实用的特效，可以为网页增添层次感和立体感，同时提升网页美观度，需要在实践中多进行尝试和探索。