2017-09-05 88 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