css - 背景上の単一の要素をアニメーション化する

Question

http://www.danielLmusic.comのヘッダー画像のウォーク シグナルを赤から緑に変更する最も効率的な方法は何でしょうか。背景のごく一部しか変更していないため、背景を変更するよりも効率的な方法があると思います。私の初心者の自己のための助けは最も高く評価されます.また、それが違いを生むなら、それはワードプレスサイトです.

前もって感謝します！

Answer 1

信号が透明になるように背景画像を再作成しました。PNG または GIF を使用する必要があります。background-color CSS プロパティを使用して色を変更し、background-image は変更しません。

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