背景上的動畫單個元素

將http://www.danielLmusic.com上的標題圖像上的步行信號從紅色更改爲綠色的最有效方法是什麼？我認爲會有一種更有效的方式來做到這一點，而不是改變背景，因爲我只是改變了一小部分。任何幫助我的新手自我將不勝感激。另外，這是一個WordPress的網站，如果這有什麼區別。背景上的動畫單個元素

預先感謝您！

來源

2013-08-07 user2661937

請包括您的標記，CSS和可能的JSFiddle。這裏的大多數人不想訪問您的網站來解決問題。謝謝！ –

簡單的方法是創建一個單獨的圖像（或創建一個圖像精靈），然後在它們之間進行切換。 – Vector

重新創建背景圖像以便信號是透明的，您需要使用PNG或GIF。使用背景顏色CSS屬性更改顏色，使背景圖像保持不變。

.bg { 
    background-color: red; 
    background-image: url('...'); 
} 
.bg:hover { 
    background-color: green; 
}

來源

2013-08-07 18:47:17

這很聰明。這真的很聰明。 –

這是一個奇妙的方法，嘿我可能會偷這個;） – Vector

非常感謝你的迴應。我預測到的唯一問題是，它會將步行和停止信號都變爲綠色或紅色。也許有一些解決方法嗎？再次感謝 – user2661937

背景上的動畫單個元素

回答

相關問題