2017-09-05 50 views
0

我不知道如何实现以下效果(Mozilla的开始页),其中图标看起来“压入”的页面。是的东西,可以用CSS来实现,或者这是一个纯粹的Photoshop的动作,并和背景色刚好匹配?图片按下效果 - CSS

enter image description here

+0

你如何目前显示的图标?透明或不透明的图像? SVG,图标字体?... – showdev

回答

1

这应该做的伎俩,随意玩弄的颜色,你认为合适:

div { 
    box-shadow: 0 1px 1px 0 #C7C7C7 inset; 
    background: none repeat scroll 0 0 #E9E9E9; 
} 
+0

可以提供一个例子吗?我不知道这是怎么回事,为那些图标的工作,假设它们的图像。 – showdev

+0

我会建议他使用的图标库'i'和样式应用到图标,而不是使用的图像。这些精灵是相当普遍的图标 – EGxo

+0

如果他使用的图标字体那么他可以用'文本shadow'做到这一点,而不是'箱shadow' – EGxo