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

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

所属栏目:css3基础教程更新时间:2019-12-07 来源:网络 原作者:不详 发布:deepdfhy浏览:0

免费开源可商用的PHP万能建站程序-DiYunCMS(帝云CMS)

单边左侧外阴影

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
给个评价吧