今天我翻墻逛twitter的時候，見到了這種技術更為實際的應用。

看下圖所示的效果截圖：

問題：這些小圖標是如何實現的呢？

當下，我們一般的做法是，打開photoshop，把這些圖標摳出來，然后周邊透明，以用在各種背景上。

然而，twitter的上圖效果是相反的做法，圖標形狀區域是透明鏤空的，而周邊是實色的。

這種實現的優點不言而喻，可以很自在得控制小圖標的顏色，而這個控制就是CSS的background-color.

Chrome瀏覽器下，有color控件：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表