首頁| 新聞| 娛樂| 游戲| 科普| 文學| 編程| 系統| 數據庫| 建站| 學院| 產品| 網管| 維修| 辦公| 熱點
今天我翻墻逛twitter的時候,見到了這種技術更為實際的應用。
看下圖所示的效果截圖:
問題:這些小圖標是如何實現的呢?
當下,我們一般的做法是,打開photoshop,把這些圖標摳出來,然后周邊透明,以用在各種背景上。
然而,twitter的上圖效果是相反的做法,圖標形狀區域是透明鏤空的,而周邊是實色的。
這種實現的優點不言而喻,可以很自在得控制小圖標的顏色,而這個控制就是CSS的background-color.
background-color
Chrome瀏覽器下,有color控件:
color
練就火眼金睛 十一種常見電腦
打印機共享提示“操作無法完成
如何查找有故障的配件
回眸一笑百魅生,六宮粉黛無顏色
歲月靜美,剪一影煙雨江南
蕪湖有個“松鼠小鎮”
小滿:小得盈滿,一切剛剛好!
一串串晶瑩剔透的葡萄,像一顆顆寶石掛在藤
正宗老北京脆皮烤鴨
人逢知己千杯少,喝酒搞笑圖集
搞笑試卷,學生惡搞答題
新聞熱點
疑難解答
圖片精選
DIV+CSS通用樣式布局實例代碼
input file(input文件域)的美化
首屆世界CSS設計大賽結果揭曉
網友關注