/* 对于一个元素,将阴影设置在元素的右侧和左侧 */ box-shadow: 4px 0px 4px -2px rgba(0,0,0,0.5), -4px 0px 4px -2px rgba(0,0,0,0.5);
这段代码的第一个参数是阴影的水平偏移量,第二个参数是垂直偏移量,第三个参数是模糊半径,第四个参数是阴影扩散半径,最后一个参数是颜色和透明度的值。
在上面的代码示例中,大家将元素的阴影分别设置在了右侧和左侧,通过使用正负值,大家可以控制阴影的位置和大小。
当然,大家还可以对阴影的颜色、模糊半径和扩散半径进行调整,以达到更满意的效果。
在设计和开发过程中,左右投影效果常常被用来为页面元素增加视觉深度,提升页面的整体质感。