如何在 CSS 中的元素上同时制作内阴影(顶部)和外阴影?
Facebook 在其移动应用程序中使用的按钮同时具有:
- 按钮顶部有轻微的白线,
- 按钮底部有一条轻微的白线。
- 有一个坚实的边界
您可以使用 css3box-shadow
来获得您想要的效果。一个简单的例子
box-shadow: 0 0 3px #666;
-moz-box-shadow: 0 0 3px #666;
-webkit-box-shadow: 0 0 3px #666;
此外,您可以指定inset
属性以获得内部发光。
box-shadow: inset 0 0 3px #666;
Mozilla对此有全面的参考