0

如何在 CSS 中的元素上同时制作内阴影(顶部)和外阴影?

Facebook 在其移动应用程序中使用的按钮同时具有:

  • 按钮顶部有轻微的白线,
  • 按钮底部有一条轻微的白线。
  • 有一个坚实的边界

Facebook IOS 移动应用程序上的标准按钮

4

1 回答 1

0

您可以使用 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对此有全面的参考

于 2013-05-08T23:06:00.617 回答