淘先锋技术网

首页 1 2 3 4 5 6 7

单边左侧外阴影

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;

你所不知道的 CSS 阴影技巧与细节