使用 box-shadow 工具集为元素添加或删除阴影。
图层阴影 | 填充色 | 阴影色 | 不透明度 | X | Y | 模糊 | 扩展 | |
---|---|---|---|---|---|---|---|---|
1 | .No Shadow | |||||||
2 | .shadow-2xl | #FFFFFF | #000000 | 25 | 0 | 25 | 50 | -12 |
3 | .shadow-base | #FFFFFF | #000000 | 6 | 0 | 1 | 2 | 0 |
10 | 0 | 1 | 3 | 0 | ||||
4 | .shadow-inner | #FFFFFF | #000000 | 6 | 0 | 2 | 4 | 0 |
5 | .shadow-lg | #FFFFFF | #000000 | 10 | 0 | 10 | 15 | -3 |
5 | 0 | 4 | 6 | -2 | ||||
6 | .shadow-md | #FFFFFF | #000000 | 6 | 0 | 2 | 4 | -1 |
10 | 0 | 4 | 6 | -1 | ||||
7 | .shadow-sm | #FFFFFF | #000000 | 5 | 0 | 1 | 2 | 0 |
8 | .shadow-xl | #FFFFFF | #000000 | 10 | 0 | 20 | 25 | -5 |
4 | 0 | 10 | 10 | -5 | ||||
9 | .shadow-xs | #FFFFFF | #000000 | 5 | 0 | 0 | 0 | 1 |