css3如何设置左右有盒子阴影,上下没有
时间: 2023-03-29 14:01:01 浏览: 1285
CSS3 3D阴影文字动画特效
可以使用box-shadow属性来设置盒子阴影,语法如下:
box-shadow: 水平偏移量 垂直偏移量 模糊半径 阴影尺寸 阴影颜色;
例如,要设置左右有盒子阴影,上下没有,可以这样写:
box-shadow: 10px px 5px -5px #888888, -10px px 5px -5px #888888;
其中,第一个阴影设置水平偏移量为10px,垂直偏移量为px,模糊半径为5px,阴影尺寸为-5px(表示阴影在盒子内部),阴影颜色为#888888;第二个阴影设置水平偏移量为-10px,其它属性与第一个阴影相同,表示在盒子左侧也有一个相同的阴影。这样就可以实现左右有盒子阴影,上下没有的效果。
阅读全文