如何使用CSS3設置img格式

是否可以更改背景顏色。 this site與CSS3或WebKit的CSS擴展的第一個圖標？如何使用CSS3設置img格式

我是新來的，希望得到一些幫助。鏈接或例子會很棒。

預先感謝您。

來源

2010-12-13 bubblegum

你可以舉例說明你的意思是什麼樣式的圖標？你想改變它的顏色嗎？它的大小？ – 2010-12-13 08:16:27

啊哈！嘿，歡呼聲。 – 2010-12-13 08:18:48

你也可以嘗試-webkit掩碼（儘管非常稀疏的文檔） – 2010-12-13 19:45:15

嘗試

img { 
    background-color: #FF00FF; 
}

來源

2010-12-13 08:19:37 Thariama

雖然這不會實際工作。你會得到一個白色的背景，然後是它的圖像（它有一個黑色的背景），完全隱藏白色背景。該聲明不會對圖像本身產生任何影響。 – 2010-12-13 08:26:28

它會，如果如果圖像的透明度設置小於100％ – Thariama 2010-12-13 08:35:00

當然，這只是他鏈接的示例圖像沒有。 – 2010-12-15 11:55:35

是的，你可以用css3來設計圖像的樣式。但有些事告訴我，你的問題實際上是更加具體，它看起來像..

來源

2010-12-13 08:16:01 GolezTrol

如果圖標圖像有一個透明背景，那麼你可以設置CSS背景顏色像背後的形象這個：

background: #c00 url(kombine-iphone-icons.png); /* Puts a red background behind the icon image */

不幸的是，在CSS 3（或任何WebKit的CSS擴展）中，沒有任何東西可以讓你改變圖像的顏色。

來源

2010-12-13 08:20:39

儘管您可以設置圖像的樣式，但在CSS3中更改圖標的顏色不可能，因爲它需要混合模式。

你可以用HTML5畫布

// Color 

var over = someCanvas.getContext('2d'); 

// Icon 
var under = anotherCanvas.getContext('2d'); 

over.blendOnto(under, 'screen', {destX:30,destY:15});

使用https://github.com/Phrogz/context-blender實現這一目標實現這一點。

來源

2010-12-13 08:23:51 Tarun

如何使用CSS3設置img格式

回答

相關問題