欢迎光临一流素材网,免积分免费素材下载!

box-shadow 阴影 单边阴影/双边阴影

所属栏目:css3基础教程更新时间:2019-12-07来源:作者:deepdfhy浏览:0

单边左侧外阴影

box-shadow: -6px 0px 8px -5px #ccc;


单边右侧外阴影

box-shadow: 6px 0px 8px -5px #ccc;


双边阴影

box-shadow: 5px 0px 5px -5px black, -5px 0px 5px -5px black;

阴影半径很关键,为负值


单边内侧阴影:

box-shadow: inset 5px 0px 8px -5px #ccc;


收藏 0 有帮助 0 没帮助 0 打赏 0
给个评价吧